.score-statistics {
    -webkit-box-orient: vertical;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-direction: column;
    flex-direction: column
}

.score-statistics,.score-statistics .statistics-item {
    -webkit-box-direction: normal;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: flex-start
}

.score-statistics .statistics-item {
    -webkit-box-orient: horizontal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-direction: row;
    flex-direction: row;
    margin-bottom: .8vw;
    margin-right: 2.6px
}

.score-statistics .statistics-item .star-title {
    -webkit-box-flex: 14.93333vw;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 14.93333vw 0 0px;
    flex: 14.93333vw 0 0;
    justify-content: flex-end;
    width: 14.93333vw
}

.score-statistics .statistics-item .star-title .icon {
    margin-left: 2.6px
}

.score-statistics .statistics-item-bar {
    -webkit-box-flex: 1;
    background-color: var(--score-color_op1);
    -ms-flex: 1;
    flex: 1;
    height: .8vw;
    margin-left: 1.06667vw;
    overflow: hidden
}

.score-statistics .statistics-item-bar.isParent {
    background-color: var(--white_mask)
}

.score-statistics .statistics-item-bar-inner {
    background-color: var(--score-color);
    height: 100%;
    -webkit-transition: width 1s;
    -o-transition: width 1s;
    transition: width 1s
}

.score-statistics .statistics-item-bar-inner.isParent {
    background-color: #0edff9
}

.score-statistics .statistics-item-num {
    color: var(--tertiary_text);
    font-family: hupufont-Regular;
    font-size: 2.4vw;
    font-size: 3.2vw;
    line-height: 2.66667vw;
    margin-left: 2.13333vw;
    -webkit-transform: scale(.75);
    -ms-transform: scale(.75);
    transform: scale(.75);
    -webkit-transform-origin: left center;
    -ms-transform-origin: left center;
    transform-origin: left center
}

.score-statistics .statistics-item:last-child {
    margin-right: 0
}

.error-page {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    align-items: center;
    background-color: var(--bg);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100vh;
    justify-content: center;
    left: 0;
    position: fixed;
    top: 0;
    width: 100vw
}

.error-page-img {
    display: block;
    height: 42.66667vw;
    width: 42.66667vw
}

.error-page-desc {
    color: var(--tertiary_text);
    font-size: var(--hupu_font_size_body2);
    line-height: 5.86667vw;
    text-align: center;
    width: 42.66667vw
}

.error-page body {
    overflow: hidden
}

div.adm-px-tester {
    bottom: -100vh;
    right: -100vw
}

.adm-action-sheet-popup>.adm-popup-body {
    border-top-left-radius: 2.13333vw;
    border-top-right-radius: 2.13333vw;
    overflow: hidden
}

.adm-action-sheet-extra {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    color: var(--adm-color-weak);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: var(--adm-font-size-7);
    justify-content: center;
    padding: 4.8vw 3.2vw
}

.adm-action-sheet-button-item-wrapper,.adm-action-sheet-button-list,.adm-action-sheet-extra {
    border-bottom: 2.6px solid var(--adm-color-border)
}

.adm-action-sheet-button-item-wrapper:last-child {
    border-bottom: none
}

.adm-action-sheet-button-item {
    background-color: var(--adm-color-background);
    display: block;
    padding: 4.26667vw;
    text-align: center
}

.adm-action-sheet-button-item:active {
    background-color: #eee
}

.adm-action-sheet-button-item-disabled {
    cursor: not-allowed;
    opacity: .4;
    pointer-events: none
}

.adm-action-sheet-button-item-name {
    color: var(--adm-color-text);
    font-size: var(--adm-font-size-10)
}

.adm-action-sheet-button-item-description {
    color: var(--adm-color-weak);
    font-size: var(--adm-font-size-6);
    padding-top: 1.06667vw
}

.adm-action-sheet-button-item-danger .adm-action-sheet-button-item-name {
    color: var(--adm-color-danger)
}

.adm-action-sheet-button-item-bold .adm-action-sheet-button-item-name {
    font-weight: 700
}

.adm-action-sheet-cancel {
    background-color: var(--adm-color-box);
    padding-top: 2.13333vw
}

.adm-auto-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center
}

.adm-auto-center-content {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto
}

.adm-avatar {
    --size: var(--adm-avatar-size,11.73333vw);
    --border-radius: var(--adm-avatar-border-radius,1.06667vw);
    border-radius: var(--border-radius)
}

.adm-avatar.adm-image {
    --width: var(--size);
    --height: var(--size)
}

.adm-avatar-fallback {
    display: block;
    height: 100%;
    width: 100%
}

.adm-image {
    --width: var(--adm-image-width,auto);
    --height: var(--adm-image-height,auto);
    display: block;
    height: var(--height);
    overflow: hidden;
    width: var(--width)
}

.adm-image-img {
    height: 100%;
    width: 100%
}

.adm-image-tip {
    background-color: var(--adm-color-box);
    height: 100%;
    min-height: 6.4vw;
    min-width: 6.4vw;
    position: relative
}

.adm-image-tip>svg {
    color: var(--adm-color-weak);
    height: 6.4vw;
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    width: 6.4vw
}

.adm-badge-wrapper {
    display: inline-block;
    position: relative
}

.adm-badge {
    --right: 0;
    --top: 0;
    --color: var(--adm-badge-color,#ff411c);
    background-color: var(--color);
    border-radius: 26.66667vw;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    vertical-align: middle
}

.adm-badge-content {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: var(--adm-color-white);
    font-size: var(--adm-font-size-1);
    font-weight: 400;
    line-height: 3.2vw;
    min-width: 2.13333vw;
    padding: 2.6px 1.06667vw;
    text-align: center;
    white-space: nowrap
}

.adm-badge-fixed {
    position: absolute;
    right: var(--right);
    top: var(--top);
    -webkit-transform: translate(50%,-50%);
    -ms-transform: translate(50%,-50%);
    transform: translate(50%,-50%)
}

.adm-badge-dot {
    border-radius: 1.33333vw;
    height: 2.66667vw;
    min-width: 2.66667vw;
    width: 2.66667vw
}

.adm-badge-bordered {
    border: 2.6px solid var(--adm-color-white)
}

.adm-button {
    --color: var(--adm-color-white);
    --text-color: var(--adm-button-text-color,var(--adm-color-text));
    --background-color: var(--adm-button-background-color,var(--adm-color-background));
    --border-radius: var(--adm-button-border-radius,1.06667vw);
    --border-width: var(--adm-button-border-width,2.6px);
    --border-style: var(--adm-button-border-style,solid);
    --border-color: var(--adm-button-border-color,var(--adm-color-border));
    background-color: var(--background-color);
    border: var(--border-width) var(--border-style) var(--border-color);
    border-radius: var(--border-radius);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: var(--text-color);
    cursor: pointer;
    display: inline-block;
    font-size: var(--adm-font-size-9);
    height: auto;
    line-height: 1.4;
    margin: 0;
    padding: 1.86667vw 3.2vw;
    position: relative;
    text-align: center;
    -webkit-transition: opacity .15s ease;
    -o-transition: opacity .15s ease;
    transition: opacity .15s ease;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.adm-button:focus {
    outline: none
}

.adm-button:before {
    background-color: #000;
    border: var(--border-width) var(--border-style) #000;
    border-radius: var(--border-radius);
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    content: " ";
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    -webkit-transform: translate(calc(var(--border-width)*-1),calc(var(--border-width)*-1));
    -ms-transform: translate(calc(var(--border-width)*-1),calc(var(--border-width)*-1));
    transform: translate(calc(var(--border-width)*-1),calc(var(--border-width)*-1));
    width: 100%
}

.adm-button:active:before {
    opacity: .08
}

.adm-button-default.adm-button-fill-outline {
    --background-color: transparent;
    --border-color: var(--adm-color-text)
}

.adm-button-default.adm-button-fill-none {
    --background-color: transparent;
    --border-width: 0px
}

.adm-button:not(.adm-button-default) {
    --text-color: var(--adm-color-white);
    --background-color: var(--color);
    --border-color: var(--color)
}

.adm-button:not(.adm-button-default).adm-button-fill-outline {
    --text-color: var(--color);
    --background-color: transparent
}

.adm-button:not(.adm-button-default).adm-button-fill-none {
    --text-color: var(--color);
    --background-color: transparent;
    --border-width: 0px
}

.adm-button-primary {
    --color: var(--adm-color-primary)
}

.adm-button-success {
    --color: var(--adm-color-success)
}

.adm-button-danger {
    --color: var(--adm-color-danger)
}

.adm-button-warning {
    --color: var(--adm-color-warning)
}

.adm-button-block {
    display: block;
    width: 100%
}

.adm-button-disabled {
    cursor: not-allowed;
    opacity: .4
}

.adm-button-disabled:active:before {
    display: none
}

.adm-button.adm-button-mini {
    font-size: var(--adm-font-size-main);
    padding-bottom: .8vw;
    padding-top: .8vw
}

.adm-button.adm-button-mini.adm-button-shape-rounded {
    padding-left: 2.4vw;
    padding-right: 2.4vw
}

.adm-button.adm-button-small {
    font-size: var(--adm-font-size-7);
    padding-bottom: .8vw;
    padding-top: .8vw
}

.adm-button.adm-button-large {
    font-size: var(--adm-font-size-10);
    padding-bottom: 2.93333vw;
    padding-top: 2.93333vw
}

.adm-button.adm-button-shape-rounded {
    --border-radius: 266.66667vw
}

.adm-button.adm-button-shape-rectangular {
    --border-radius: 0
}

.adm-button-loading {
    vertical-align: bottom
}

.adm-button-loading-wrapper {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 1.4em;
    justify-content: center
}

.adm-button-loading-wrapper>.adm-loading {
    opacity: .6
}

.adm-dot-loading {
    display: inline-block
}

.adm-calendar .adm-calendar-header {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    justify-content: space-between;
    padding-top: 1.06667vw
}

.adm-calendar .adm-calendar-header a.adm-calendar-arrow-button {
    -webkit-box-flex: 0;
    display: block;
    -ms-flex: none;
    flex: none;
    padding: 1.06667vw 2.13333vw
}

.adm-calendar .adm-calendar-header a.adm-calendar-arrow-button svg {
    height: 5.86667vw
}

.adm-calendar .adm-calendar-header a.adm-calendar-arrow-button.adm-calendar-arrow-button-right svg {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.adm-calendar .adm-calendar-header .adm-calendar-title {
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto;
    font-size: var(--adm-font-size-10);
    text-align: center
}

.adm-calendar .adm-calendar-body,.adm-calendar-cells {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.adm-calendar-cells {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-direction: row;
    flex-direction: row;
    justify-content: flex-start;
    padding: 2.13333vw 2.13333vw 1.06667vw
}

.adm-calendar-cell {
    -webkit-box-flex: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    align-items: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: var(--adm-color-text);
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: none;
    flex: none;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 12.8vw;
    justify-content: flex-end;
    margin-bottom: 1.06667vw;
    padding: .53333vw;
    width: 14.28571%
}

.adm-calendar-cell.adm-calendar-cell-today {
    color: var(--adm-color-primary)
}

.adm-calendar-cell.adm-calendar-cell-disabled,.adm-calendar-cell.adm-calendar-cell-disabled .adm-calendar-cell-bottom {
    color: var(--adm-color-light)
}

.adm-calendar-cell.adm-calendar-cell-selected.adm-calendar-cell.adm-calendar-cell-selected {
    background: var(--adm-color-primary);
    color: var(--adm-color-white)
}

.adm-calendar-cell.adm-calendar-cell-selected .adm-calendar-cell-bottom {
    color: var(--adm-color-white)
}

.adm-calendar-cell.adm-calendar-cell-selected.adm-calendar-cell.adm-calendar-cell-selected-begin {
    border-bottom-left-radius: 1.06667vw;
    border-top-left-radius: 1.06667vw
}

.adm-calendar-cell.adm-calendar-cell-selected.adm-calendar-cell.adm-calendar-cell-selected-end {
    border-bottom-right-radius: 1.06667vw;
    border-top-right-radius: 1.06667vw
}

.adm-calendar-cell.adm-calendar-cell-disabled.adm-calendar-cell.adm-calendar-cell-selected {
    color: var(--adm-color-light)
}

.adm-calendar-cell .adm-calendar-cell-top {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    font-size: var(--adm-font-size-10)
}

.adm-calendar-cell .adm-calendar-cell-bottom {
    -webkit-box-flex: 0;
    color: var(--adm-color-weak);
    -ms-flex: none;
    flex: none;
    font-size: var(--adm-font-size-4);
    height: 3.2vw;
    line-height: 3.2vw
}

.adm-calendar-mark {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 2.6px solid var(--adm-color-border);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    font-size: var(--adm-font-size-7);
    height: 12vw;
    justify-content: flex-start;
    padding: 0 2.13333vw
}

.adm-calendar-mark .adm-calendar-mark-cell {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: center
}

.adm-capsule-tabs {
    min-width: 0;
    position: relative
}

.adm-capsule-tabs-header {
    border-bottom: 2.6px solid var(--adm-color-border);
    padding: 3.2vw 1.6vw;
    position: relative
}

.adm-capsule-tabs-tab-list {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    justify-content: flex-start;
    overflow-x: scroll;
    position: relative;
    scrollbar-width: none
}

.adm-capsule-tabs-tab-list::-webkit-scrollbar {
    display: none
}

.adm-capsule-tabs-tab-wrapper {
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto;
    padding: 0 1.6vw
}

.adm-capsule-tabs-tab {
    background-color: var(--adm-color-box);
    border-radius: 5.33333vw;
    cursor: pointer;
    font-size: var(--adm-font-size-7);
    margin: 0 auto;
    padding: 2.13333vw 5.33333vw;
    position: relative;
    text-align: center;
    white-space: nowrap
}

.adm-capsule-tabs-tab-active {
    background-color: var(--adm-color-primary);
    color: var(--adm-color-white)
}

.adm-capsule-tabs-tab-disabled {
    cursor: not-allowed;
    opacity: .5
}

.adm-capsule-tabs-content {
    padding: 3.2vw
}

.adm-scroll-mask {
    bottom: 0;
    height: 100%;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 8vw;
    z-index: 1
}

.adm-scroll-mask-left {
    background: -webkit-gradient(linear,left top,right top,from(var(--adm-color-background)),to(hsla(0,0%,100%,0)));
    background: -o-linear-gradient(left,var(--adm-color-background),hsla(0,0%,100%,0));
    background: linear-gradient(to right,var(--adm-color-background),hsla(0,0%,100%,0));
    left: 0
}

.adm-scroll-mask-right {
    background: -webkit-gradient(linear,right top,left top,from(var(--adm-color-background)),to(hsla(0,0%,100%,0)));
    background: -o-linear-gradient(right,var(--adm-color-background),hsla(0,0%,100%,0));
    background: linear-gradient(to left,var(--adm-color-background),hsla(0,0%,100%,0));
    right: 0
}

.adm-card {
    background: var(--adm-color-background);
    border-radius: 2.13333vw;
    padding: 0 3.2vw
}

.adm-card-header {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    padding: 3.2vw 0;
    position: relative
}

.adm-card-header:not(:last-child) {
    border-bottom: .13px solid var(--adm-color-border)
}

.adm-card-header-title {
    font-size: var(--adm-font-size-7);
    font-weight: 700;
    line-height: 1.4
}

.adm-card-body {
    padding: 3.2vw 0
}

.adm-picker {
    --header-button-font-size: var(--adm-font-size-7);
    --title-font-size: var(--adm-font-size-7);
    --item-font-size: var(--adm-font-size-8);
    --item-height: 9.06667vw;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    ---item-font-size: var(--item-font-size);
    ---item-height: var(--item-height);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 80vw;
    overflow: hidden;
    position: relative;
    width: 100%
}

.adm-picker .adm-picker-view.adm-picker-view {
    --item-font-size: var(---item-font-size);
    --item-height: var(---item-height)
}

.adm-picker-header {
    -ms-flex-negative: 0;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 2.6px solid var(--adm-color-border);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-shrink: 0;
    justify-content: space-between;
    padding: 1.06667vw
}

.adm-picker-header-button {
    display: inline-block;
    font-size: var(--header-button-font-size);
    padding: 2.13333vw
}

.adm-picker-header-button-disabled,.adm-picker-header-button-disabled:active {
    cursor: not-allowed;
    opacity: .4
}

.adm-picker-header-title {
    -webkit-box-flex: 1;
    color: var(--adm-color-text);
    -ms-flex: 1;
    flex: 1;
    font-size: var(--title-font-size);
    padding: 1.06667vw;
    text-align: center
}

.adm-picker-body {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 100%;
    width: 100%
}

.adm-picker-body>.adm-picker-view {
    --height: 100%
}

.adm-picker-popup .adm-popup-body {
    border-top-left-radius: 2.13333vw;
    border-top-right-radius: 2.13333vw
}

.adm-picker-view {
    --height: 64vw;
    --item-height: 9.06667vw;
    --item-font-size: var(--adm-font-size-8);
    background: var(--adm-color-background);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: var(--height);
    overflow: hidden;
    position: relative;
    width: 100%
}

.adm-picker-view-column {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 100%;
    position: relative;
    -ms-touch-action: none;
    touch-action: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index: 0
}

.adm-picker-view-column-wheel {
    cursor: -webkit-grab;
    cursor: grab;
    left: 0;
    position: absolute;
    top: calc(50% - var(--item-height)/2);
    width: 100%
}

.adm-picker-view-column-wheel:before {
    content: " ";
    display: block;
    height: 100vh;
    position: absolute;
    top: -100vh;
    width: 100%
}

.adm-picker-view-column-wheel:after {
    bottom: -100vh;
    content: " ";
    display: block;
    height: 100vh;
    position: absolute;
    width: 100%
}

.adm-picker-view-column-item {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: var(--item-font-size);
    height: var(--item-height);
    justify-content: center;
    padding: 0 1.6vw
}

.adm-picker-view-column-item-label {
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap
}

.adm-picker-view-column-accessible {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    opacity: 0;
    padding-bottom: 2.6px;
    pointer-events: none;
    position: relative;
    top: calc(var(--item-height)*-1);
    width: 100%;
    z-index: 0
}

.adm-picker-view-column-accessible>* {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis
}

.adm-picker-view-column-accessible-current {
    height: 100%;
    position: absolute;
    width: 100%
}

.adm-picker-view-column-accessible-button,.adm-picker-view-mask {
    height: 100%;
    width: 100%
}

.adm-picker-view-mask {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    z-index: 10000
}

.adm-picker-view-mask-bottom,.adm-picker-view-mask-top {
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto
}

.adm-picker-view-mask-middle {
    -webkit-box-flex: 0;
    border-bottom: 2.6px solid var(--adm-color-border);
    border-top: 2.6px solid var(--adm-color-border);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex: none;
    flex: none;
    height: var(--item-height)
}

.adm-picker-view-mask-top {
    background: var(--adm-color-background);
    -webkit-mask: -webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.6)),color-stop(50%,rgba(0,0,0,.8)),to(#000));
    -webkit-mask: linear-gradient(0deg,rgba(0,0,0,.6),rgba(0,0,0,.8) 50%,#000);
    mask: -webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.6)),color-stop(50%,rgba(0,0,0,.8)),to(#000));
    mask: linear-gradient(0deg,rgba(0,0,0,.6),rgba(0,0,0,.8) 50%,#000)
}

.adm-picker-view-mask-bottom {
    background: var(--adm-color-background);
    -webkit-mask: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.6)),color-stop(50%,rgba(0,0,0,.8)),to(#000));
    -webkit-mask: linear-gradient(180deg,rgba(0,0,0,.6),rgba(0,0,0,.8) 50%,#000);
    mask: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.6)),color-stop(50%,rgba(0,0,0,.8)),to(#000));
    mask: linear-gradient(180deg,rgba(0,0,0,.6),rgba(0,0,0,.8) 50%,#000)
}

.adm-picker-view-loading-content {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    justify-content: center;
    width: 100%
}

.adm-picker-view-item-height-measure {
    height: var(--item-height);
    left: 0;
    pointer-events: none;
    position: relative;
    top: 0;
    width: 0
}

.adm-cascader {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    overflow: hidden;
    position: relative;
    width: 100%
}

.adm-cascader,.adm-cascader-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.adm-cascader-header {
    -webkit-box-flex: 0;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex: none;
    flex: none;
    justify-content: space-between;
    padding: 1.6vw 2.13333vw
}

.adm-cascader-header-button {
    display: inline-block;
    font-size: var(--adm-font-size-7);
    padding: 1.06667vw
}

.adm-cascader-header-title {
    -webkit-box-flex: 1;
    color: var(--adm-color-text);
    -ms-flex: 1;
    flex: 1;
    font-size: var(--adm-font-size-7);
    padding: 1.06667vw;
    text-align: center
}

.adm-cascader-body {
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto;
    height: 100%;
    width: 100%
}

.adm-cascader-body>.adm-cascader-view {
    --height: 82.66667vw
}

.adm-cascader-view {
    --height: auto
}

.adm-cascader-view-tabs.adm-tabs {
    --title-font-size: var(--adm-font-size-6);
    --content-padding: none
}

.adm-cascader-view-header-title {
    max-width: 22.4vw;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap
}

.adm-cascader-view-content {
    height: var(--height);
    overflow-y: auto
}

.adm-cascader-view-content>.adm-check-list {
    --border-inner: none;
    --border-bottom: none;
    --border-top: none
}

.adm-cascader-view-item {
    font-size: var(--adm-font-size-6)
}

.adm-cascader-view-item-active {
    color: var(--adm-color-primary)
}

.adm-cascader-view .adm-list-inner {
    margin-bottom: 0
}

.adm-cascader-view-skeleton {
    padding: 4.26667vw 3.2vw
}

.adm-cascader-view-skeleton .adm-skeleton {
    --height: 4.8vw;
    --width: 80%;
    --border-radius: 0.53333vw;
    margin-bottom: 4.26667vw
}

.adm-cascader-view-skeleton .adm-skeleton.adm-cascader-view-skeleton-line-3 {
    --width: 90%
}

.adm-cascader-view-skeleton .adm-skeleton.adm-cascader-view-skeleton-line-4 {
    --width: 60%
}

.adm-tabs {
    --title-font-size: var(--adm-font-size-9);
    --content-padding: 3.2vw;
    --active-line-height: 0.53333vw;
    --active-line-border-radius: var(--active-line-height);
    --active-line-color: var(--adm-color-primary);
    --active-title-color: var(--adm-color-primary);
    min-width: 0;
    position: relative
}

.adm-tabs-header {
    border-bottom: 2.6px solid var(--adm-color-border);
    position: relative
}

.adm-tabs-tab-list {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    justify-content: flex-start;
    overflow-x: scroll;
    position: relative;
    scrollbar-width: none
}

.adm-tabs-tab-list::-webkit-scrollbar {
    display: none
}

.adm-tabs-tab-wrapper {
    padding: 0 3.2vw
}

.adm-tabs-tab-wrapper-stretch {
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto
}

.adm-tabs-tab {
    cursor: pointer;
    font-size: var(--title-font-size);
    margin: 0 auto;
    padding: 2.13333vw 0 2.66667vw;
    position: relative;
    white-space: nowrap;
    width: -webkit-min-content;
    width: -moz-min-content;
    width: min-content
}

.adm-tabs-tab-active {
    color: var(--active-title-color)
}

.adm-tabs-tab-disabled {
    cursor: not-allowed;
    opacity: .5
}

.adm-tabs-tab-line {
    background: var(--active-line-color);
    border-radius: var(--active-line-border-radius);
    bottom: 0;
    height: var(--active-line-height);
    position: absolute
}

.adm-tabs-content {
    padding: var(--content-padding)
}

.adm-tabs-header-mask {
    bottom: 0;
    height: 100%;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 8vw;
    z-index: 1
}

.adm-tabs-header-mask-left {
    background: -webkit-gradient(linear,left top,right top,from(var(--adm-color-background)),to(hsla(0,0%,100%,0)));
    background: -o-linear-gradient(left,var(--adm-color-background),hsla(0,0%,100%,0));
    background: linear-gradient(to right,var(--adm-color-background),hsla(0,0%,100%,0));
    left: 0
}

.adm-tabs-header-mask-right {
    background: -webkit-gradient(linear,right top,left top,from(var(--adm-color-background)),to(hsla(0,0%,100%,0)));
    background: -o-linear-gradient(right,var(--adm-color-background),hsla(0,0%,100%,0));
    background: linear-gradient(to left,var(--adm-color-background),hsla(0,0%,100%,0));
    right: 0
}

.adm-skeleton {
    --width: 100%;
    --height: 0;
    --border-radius: 0;
    background-color: hsla(0,0%,75%,.2);
    border-radius: var(--border-radius);
    display: block;
    height: var(--height);
    width: var(--width)
}

.adm-skeleton.adm-skeleton-animated {
    -webkit-animation: adm-skeleton-loading 1.4s ease infinite;
    animation: adm-skeleton-loading 1.4s ease infinite;
    background: -webkit-gradient(linear,left top,right top,color-stop(25%,hsla(0,0%,75%,.2)),color-stop(37%,hsla(0,0%,51%,.24)),color-stop(63%,hsla(0,0%,75%,.2)));
    background: -o-linear-gradient(left,hsla(0,0%,75%,.2) 25%,hsla(0,0%,51%,.24) 37%,hsla(0,0%,75%,.2) 63%);
    background: linear-gradient(90deg,hsla(0,0%,75%,.2) 25%,hsla(0,0%,51%,.24) 37%,hsla(0,0%,75%,.2) 63%);
    background-size: 400% 100%
}

.adm-skeleton.adm-skeleton-title {
    --width: 45%;
    --height: 8.53333vw;
    --border-radius: 0.53333vw;
    margin-bottom: 4.26667vw;
    margin-top: 4.26667vw
}

.adm-skeleton.adm-skeleton-paragraph-line {
    --height: 4.8vw;
    --border-radius: 0.53333vw;
    margin-bottom: 3.2vw;
    margin-top: 3.2vw
}

.adm-skeleton.adm-skeleton-paragraph-line:last-child {
    --width: 65%
}

@-webkit-keyframes adm-skeleton-loading {
    0% {
        background-position: 100% 50%
    }

    to {
        background-position: 0 50%
    }
}

@keyframes adm-skeleton-loading {
    0% {
        background-position: 100% 50%
    }

    to {
        background-position: 0 50%
    }
}

.adm-check-list-item-extra {
    color: var(--adm-color-primary);
    font-size: var(--adm-font-size-10);
    line-height: 1
}

.adm-check-list-item-readonly {
    cursor: unset
}

.adm-list {
    --header-font-size: var(--adm-font-size-7);
    --prefix-width: "auto";
    --prefix-padding-right: 3.2vw;
    --align-items: center;
    --active-background-color: var(--adm-color-border);
    --border-inner: solid 2.6px var(--adm-color-border);
    --border-top: solid 2.6px var(--adm-color-border);
    --border-bottom: solid 2.6px var(--adm-color-border);
    --padding-left: 3.2vw;
    --padding-right: 3.2vw;
    --font-size: var(--adm-font-size-9);
    --extra-max-width: 70%
}

.adm-list-header {
    color: var(--adm-color-weak);
    font-size: var(--header-font-size);
    padding: 2.13333vw var(--padding-right) 2.13333vw var(--padding-left)
}

.adm-list-body {
    background-color: var(--adm-color-background);
    font-size: var(--font-size);
    overflow: hidden
}

.adm-list-body-inner {
    margin-top: -2.6px
}

.adm-list-default .adm-list-body {
    border-bottom: var(--border-bottom);
    border-top: var(--border-top)
}

.adm-list-card {
    margin: 3.2vw
}

.adm-list-card .adm-list-body {
    border-radius: 2.13333vw
}

.adm-list-card .adm-list-header {
    padding-left: 0
}

.adm-list-item {
    background-color: var(--adm-color-background);
    display: block;
    line-height: 1.5;
    padding-left: var(--padding-left);
    position: relative
}

.adm-list-item-description,.adm-list-item-title {
    color: var(--adm-color-weak);
    font-size: var(--adm-font-size-main)
}

.adm-list-item-content {
    -webkit-box-align: var(--align-items);
    -ms-flex-align: var(--align-items);
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: var(--align-items);
    border-top: var(--border-inner);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: flex-start;
    padding-right: var(--padding-right)
}

.adm-list-item-content-prefix {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    padding-right: var(--prefix-padding-right);
    width: var(--prefix-width)
}

.adm-list-item-content-main {
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto;
    padding: 3.2vw 0
}

.adm-list-item-content-extra {
    -webkit-box-flex: 0;
    color: var(--adm-color-weak);
    -ms-flex: none;
    flex: none;
    font-size: var(--adm-font-size-7);
    max-width: var(--extra-max-width);
    padding-left: 3.2vw
}

.adm-list-item-content-arrow {
    -webkit-box-flex: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: var(--adm-color-light);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: none;
    flex: none;
    font-size: 5.06667vw;
    margin-left: 1.06667vw
}

.adm-list-item-disabled {
    cursor: not-allowed
}

.adm-list-item-disabled.adm-list-item-disabled>.adm-list-item-content>* {
    opacity: .4;
    pointer-events: none
}

a.adm-list-item:active:not(.adm-list-item-disabled) {
    background-color: var(--active-background-color)
}

a.adm-list-item:active:not(.adm-list-item-disabled):after {
    border-bottom: var(--border-inner);
    bottom: -2.6px;
    content: " ";
    display: block;
    left: 0;
    position: absolute;
    width: 100%
}

.adm-center-popup {
    --background-color: var(--adm-center-popup-background-color,var(--adm-color-background));
    --border-radius: var(--adm-center-popup-border-radius,2.13333vw);
    --max-width: var(--adm-center-popup-max-width,75vw);
    --min-width: var(--adm-center-popup-min-width,74.66667vw);
    --z-index: var(--adm-center-popup-z-index,1000);
    position: fixed;
    z-index: var(--z-index)
}

.adm-center-popup .adm-center-popup-mask {
    z-index: 0
}

.adm-center-popup-wrap {
    left: 50%;
    max-width: var(--max-width);
    min-width: var(--min-width);
    position: fixed;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    width: auto;
    z-index: 1
}

.adm-center-popup-body {
    background-color: var(--background-color);
    border-radius: var(--border-radius)
}

.adm-center-popup-close {
    color: var(--adm-color-weak);
    cursor: pointer;
    font-size: 4.8vw;
    padding: 1.06667vw;
    position: absolute;
    right: 2.13333vw;
    top: 2.13333vw;
    z-index: 100
}

.adm-checkbox {
    --icon-size: 5.86667vw;
    --font-size: var(--adm-font-size-9);
    --gap: 2.13333vw;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    justify-content: flex-start;
    vertical-align: text-bottom
}

.adm-checkbox input {
    display: none
}

.adm-checkbox .adm-checkbox-icon {
    -webkit-box-flex: 0;
    border: 2.6px solid var(--adm-color-light);
    border-radius: var(--icon-size);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: var(--adm-color-white);
    -ms-flex: none;
    flex: none;
    height: var(--icon-size);
    width: var(--icon-size)
}

.adm-checkbox .adm-checkbox-icon>svg {
    display: block;
    height: 100%;
    width: 100%
}

.adm-checkbox.adm-checkbox-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.adm-checkbox.adm-checkbox-checked .adm-checkbox-icon {
    background-color: var(--adm-color-primary);
    border-color: var(--adm-color-primary)
}

.adm-checkbox.adm-checkbox-disabled {
    cursor: not-allowed
}

.adm-checkbox.adm-checkbox-disabled .adm-checkbox-content {
    opacity: .4
}

.adm-checkbox.adm-checkbox-disabled .adm-checkbox-icon.adm-checkbox-icon {
    background-color: var(--adm-color-box);
    border-color: var(--adm-color-light);
    color: #b7b7b7
}

.adm-checkbox .adm-checkbox-custom-icon {
    font-size: var(--icon-size)
}

.adm-checkbox.adm-checkbox-indeterminate .adm-checkbox-icon {
    background-color: var(--adm-color-background);
    color: var(--adm-color-primary)
}

.adm-checkbox-content {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    font-size: var(--font-size);
    padding-left: var(--gap)
}

.adm-collapse-panel-header .adm-list-item-content-main {
    padding: 3.2vw 0
}

.adm-collapse-arrow {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.adm-collapse-arrow-active {
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

.adm-collapse-panel-content {
    color: var(--adm-color-weak);
    font-size: var(--adm-font-size-main);
    overflow: hidden
}

.adm-dialog {
    --z-index: var(--adm-dialog-z-index,1000);
    ---z-index: var(--z-index)
}

.adm-dialog .adm-center-popup {
    --z-index: var(---z-index)
}

.adm-dialog-body {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    font-size: var(--adm-font-size-6);
    max-height: 70vh;
    overflow: hidden;
    width: 100%
}

.adm-dialog-body>* {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none
}

.adm-dialog-body>.adm-dialog-content {
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto
}

.adm-dialog-body:not(.adm-dialog-with-image) {
    padding-top: 5.33333vw
}

.adm-dialog-image-container {
    margin-bottom: 3.2vw;
    max-height: 40vh
}

.adm-dialog-header,.adm-dialog-title {
    margin-bottom: 2.13333vw;
    padding: 0 3.2vw
}

.adm-dialog-title {
    font-size: var(--adm-font-size-10);
    font-weight: 700;
    line-height: 6.66667vw;
    text-align: center
}

.adm-dialog-content {
    color: var(--adm-color-text);
    font-size: var(--adm-font-size-7);
    line-height: 1.4;
    max-height: 70vh;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0 3.2vw 5.33333vw
}

.adm-dialog-content-empty {
    height: 3.2vw;
    padding: 0
}

.adm-dialog-footer {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.adm-dialog-footer .adm-dialog-action-row {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    border-top: .13px solid var(--adm-color-border);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.adm-dialog-footer .adm-dialog-action-row>* {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.adm-dialog-footer .adm-dialog-action-row>.adm-dialog-button {
    border-radius: 0;
    border-right: .13px solid var(--adm-color-border);
    font-size: var(--adm-font-size-10);
    line-height: 6.66667vw;
    padding: 2.66667vw
}

.adm-dialog-footer .adm-dialog-action-row>.adm-dialog-button-bold {
    font-weight: 700
}

.adm-dialog-footer .adm-dialog-action-row>.adm-dialog-button:last-child {
    border-right: none
}

.adm-dialog-image-container {
    overflow-y: auto
}

.adm-dropdown {
    background-color: var(--adm-color-background)
}

.adm-dropdown .adm-dropdown-nav {
    border-bottom: 2.6px solid transparent;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.adm-dropdown-open .adm-dropdown-nav {
    border-bottom-color: var(--adm-color-border)
}

.adm-dropdown-item {
    -webkit-box-flex: 1;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1;
    flex: 1;
    justify-content: center;
    min-width: 0
}

.adm-dropdown-item .adm-dropdown-item-title {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: var(--adm-font-size-main);
    max-width: 100%;
    padding: 3.2vw;
    position: relative
}

.adm-dropdown-item .adm-dropdown-item-title-text {
    margin-right: 1.33333vw;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap
}

.adm-dropdown-item .adm-dropdown-item-title-arrow {
    color: var(--adm-color-light);
    font-size: 2.4vw;
    -webkit-transform: rotate(0deg) translateY(2.6px);
    -ms-transform: rotate(0deg) translateY(2.6px);
    transform: rotate(0deg) translateY(2.6px);
    -webkit-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease
}

.adm-dropdown-item .adm-dropdown-item-title-arrow-active {
    -webkit-transform: rotate(-180deg) translateY(-2.6px);
    -ms-transform: rotate(-180deg) translateY(-2.6px);
    transform: rotate(-180deg) translateY(-2.6px)
}

.adm-dropdown-item .adm-dropdown-item-title:active {
    opacity: .7
}

.adm-dropdown-item-highlight {
    color: var(--adm-color-primary)
}

.adm-dropdown-item-active .adm-dropdown-item-title:after {
    margin-top: -2.6px;
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg)
}

.adm-dropdown-item-content {
    background: var(--adm-color-background);
    width: 100%
}

.adm-dropdown-item-content-hidden {
    display: none
}

.adm-dropdown-popup {
    bottom: 0;
    left: 0;
    overflow: hidden;
    position: fixed;
    right: 0;
    width: 100%
}

.adm-dropdown-popup .adm-dropdown-popup-body,.adm-dropdown-popup .adm-dropdown-popup-mask {
    position: absolute
}

.adm-ellipsis {
    line-height: 1.5;
    overflow: hidden
}

.adm-empty {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 6.4vw 0
}

.adm-empty,.adm-empty-image-container {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center
}

.adm-empty-image-container .adm-empty-image {
    height: intrinsic;
    width: 17.06667vw
}

.adm-empty-description {
    color: var(--adm-color-light);
    font-size: var(--adm-font-size-6);
    margin-top: 2.13333vw
}

.adm-error-block {
    --color: var(--adm-color-text);
    --image-height: var(--adm-error-block-image-height,26.66667vw);
    --image-height-full-page: var(--adm-error-block-image-height-full-page,53.33333vw);
    --image-width: var(--adm-error-block-image-width,auto);
    --image-width-full-page: var(--adm-error-block-image-width-full-page,auto);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center
}

.adm-error-block-image {
    height: var(--image-height);
    max-width: 100%;
    width: var(--image-width)
}

.adm-error-block-image img,.adm-error-block-image svg {
    height: 100%
}

.adm-error-block-description {
    color: #999;
    font-size: var(--adm-font-size-4);
    line-height: 1.4;
    margin-top: 3.2vw
}

.adm-error-block-description-title {
    font-size: var(--adm-font-size-7)
}

.adm-error-block-description-subtitle {
    margin-top: 2.13333vw
}

.adm-error-block-content {
    margin-top: 3.2vw
}

.adm-error-block-full-page {
    padding-top: calc(50vh - var(--image-height-full-page))
}

.adm-error-block-full-page .adm-error-block-image {
    height: var(--image-height-full-page);
    width: var(--image-width-full-page)
}

.adm-error-block-full-page .adm-error-block-description {
    font-size: var(--adm-font-size-main);
    margin-top: 5.33333vw
}

.adm-error-block-full-page .adm-error-block-description-title {
    color: var(--adm-color-text);
    font-size: 5.33333vw
}

.adm-floating-bubble {
    --initial-position-left: var(--initial-position-left);
    --initial-position-right: var(--initial-position-right);
    --initial-position-top: var(--initial-position-top);
    --initial-position-bottom: var(--initial-position-bottom);
    --z-index: 1;
    --edge-distance: 0;
    --size: 12.8vw;
    --border-radius: 50%;
    --background: var(--adm-color-primary)
}

.adm-floating-bubble-boundary-outer {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 100vh;
    left: 0;
    padding: var(--edge-distance);
    pointer-events: none;
    position: fixed;
    top: 0;
    width: 100vw
}

.adm-floating-bubble-boundary {
    height: 100%;
    position: relative;
    width: 100%
}

.adm-floating-bubble-button {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: var(--background);
    border-radius: var(--border-radius);
    bottom: var(--auto-position-bottom);
    bottom: var(--initial-position-bottom);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: var(--adm-color-white);
    cursor: pointer;
    height: var(--size);
    justify-content: center;
    left: var(--auto-position-left);
    left: var(--initial-position-left);
    overflow: hidden;
    right: var(--auto-position-right);
    right: var(--initial-position-right);
    top: var(--auto-position-top);
    top: var(--initial-position-top);
    -webkit-transition: opacity .15s ease;
    -o-transition: opacity .15s ease;
    transition: opacity .15s ease;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: var(--size)
}

.adm-floating-bubble-button,.adm-floating-panel {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: fixed;
    -ms-touch-action: none;
    touch-action: none;
    z-index: var(--z-index)
}

.adm-floating-panel {
    --border-radius: 2.13333vw;
    --header-height: 7.46667vw;
    --z-index: var(--adm-floating-panel-z-index,900);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    bottom: 0;
    -ms-flex-direction: column;
    flex-direction: column;
    left: 0;
    width: 100vw
}

.adm-floating-panel-mask {
    background: transparent;
    display: block;
    height: 100vh;
    left: 0;
    position: absolute;
    top: -100vh;
    width: 100%
}

.adm-floating-panel:after {
    background: var(--adm-color-background);
    bottom: -100vh;
    content: "";
    display: block;
    height: 100vh;
    position: absolute;
    width: 100vw
}

.adm-floating-panel .adm-floating-panel-header {
    -webkit-box-flex: 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: var(--adm-color-background);
    border-top-left-radius: var(--border-radius);
    border-top-right-radius: var(--border-radius);
    cursor: -webkit-grab;
    cursor: grab;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: none;
    flex: none;
    height: var(--header-height);
    justify-content: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.adm-floating-panel .adm-floating-panel-header .adm-floating-panel-bar {
    background: var(--adm-color-light);
    border-radius: 2.66667vw;
    height: .8vw;
    width: 5.33333vw
}

.adm-floating-panel .adm-floating-panel-content {
    -webkit-box-flex: 1;
    background: var(--adm-color-background);
    -ms-flex: 1;
    flex: 1;
    overflow-y: scroll
}

.adm-form {
    --border-inner: solid 2.6px var(--adm-border-color);
    --border-top: solid 2.6px var(--adm-border-color);
    --border-bottom: solid 2.6px var(--adm-border-color);
    --prefix-width: 6.8em;
    ---border-inner: var(--border-inner);
    ---border-top: var(--border-top);
    ---border-bottom: var(--border-bottom);
    ---prefix-width: var(--prefix-width)
}

.adm-form .adm-list.adm-list {
    --padding-left: 4.26667vw;
    --padding-right: 3.2vw;
    --border-inner: var(---border-inner);
    --border-top: var(---border-top);
    --border-bottom: var(---border-bottom)
}

.adm-form .adm-form-footer {
    padding: 5.33333vw 3.2vw
}

.adm-form .adm-form-item-horizontal.adm-list-item {
    --prefix-width: var(---prefix-width)
}

.adm-form-list-operation {
    color: #1677ff;
    text-align: center
}

.adm-form-item+.adm-form-item {
    border-top: none
}

.adm-form-item-label {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: var(--adm-color-text-secondary);
    display: block;
    height: 100%;
    line-height: 1.5;
    position: relative
}

.adm-form-item-label .adm-form-item-required-asterisk {
    color: var(--adm-color-danger);
    font-family: SimSun,sans-serif;
    left: -.6em;
    position: absolute;
    top: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.adm-form-item-label .adm-form-item-required-text {
    color: var(--adm-color-weak);
    margin-left: 1.06667vw
}

.adm-form-item-label-help {
    cursor: pointer;
    margin-left: 1.06667vw
}

.adm-form-item-child {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.adm-form-item-child-position-normal {
    -webkit-box-pack: normal;
    -ms-flex-pack: normal;
    justify-content: normal
}

.adm-form-item-child-position-normal>* {
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto
}

.adm-form-item-child-position-right {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.adm-form-item-child-position-right>* {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none
}

.adm-form-item-feedback-error {
    color: var(--adm-color-danger);
    margin-top: 1.06667vw
}

.adm-form-item-feedback-warning {
    color: var(--adm-color-warning);
    margin-top: 1.06667vw
}

.adm-form-item.adm-form-item-hidden {
    display: none
}

.adm-form-item.adm-form-item-horizontal.adm-list-item {
    --align-items: stretch
}

.adm-form-item.adm-form-item-horizontal .adm-list-item-content-prefix {
    padding-bottom: 3.2vw;
    padding-top: 3.2vw
}

.adm-form-item.adm-form-item-horizontal .adm-list-item-content-extra {
    -ms-flex-item-align: center;
    align-self: center
}

.adm-form-item.adm-form-item-vertical .adm-form-item-label {
    font-size: var(--adm-font-size-7);
    margin-bottom: 1.06667vw
}

.adm-popover {
    --z-index: var(--adm-popover-z-index,1030);
    --background: #fff;
    --arrow-size: 2.13333vw;
    --content-padding: 2.13333vw 3.2vw;
    -webkit-animation: none;
    animation: none;
    color: var(--adm-color-text);
    cursor: auto;
    left: 0;
    position: absolute;
    text-align: left;
    top: 0;
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
    white-space: normal;
    z-index: var(--z-index)
}

.adm-popover.adm-popover-dark {
    --background: rgba(0,0,0,.75);
    --adm-color-text: #fff;
    color: #fff
}

.adm-popover.adm-popover-dark .adm-popover-inner {
    -webkit-box-shadow: none;
    box-shadow: none
}

.adm-popover:after {
    background: hsla(0,0%,100%,.01);
    content: "";
    position: absolute
}

.adm-popover-hidden {
    display: none
}

.adm-popover-inner {
    background-clip: padding-box;
    background-color: var(--background);
    border-radius: 2.13333vw;
    -webkit-box-shadow: 0 0 8vw 0 rgba(51,51,51,.2);
    box-shadow: 0 0 8vw 0 rgba(51,51,51,.2);
    font-size: var(--adm-font-size-7);
    max-width: 93.6vw;
    min-width: 8.53333vw;
    overflow-y: hidden;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content
}

.adm-popover-inner-content {
    padding: var(--content-padding)
}

.adm-popover-arrow {
    background: transparent;
    overflow: visible;
    width: var(--arrow-size)
}

.adm-popover-arrow,.adm-popover-arrow-icon {
    display: block;
    height: var(--arrow-size);
    position: absolute
}

.adm-popover-arrow-icon {
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%) rotate(var(--arrow-icon-rotate));
    -ms-transform: translate(-50%,-50%) rotate(var(--arrow-icon-rotate));
    transform: translate(-50%,-50%) rotate(var(--arrow-icon-rotate));
    width: 4vw
}

.adm-popover .adm-popover-arrow {
    color: var(--background)
}

.adm-popover-menu {
    --border-color: #eee
}

.adm-popover-menu.adm-popover {
    --content-padding: 0
}

.adm-popover-menu-list {
    min-width: 32vw;
    overflow: hidden
}

.adm-popover-menu-list-inner {
    margin-top: -2.6px
}

.adm-popover-menu-item {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: flex-start;
    padding-left: 5.33333vw;
    position: relative
}

.adm-popover-menu-item-icon {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    font-size: 5.33333vw;
    padding-right: 2.13333vw
}

.adm-popover-menu-item-text {
    -webkit-box-flex: 1;
    border-top: 2.6px solid var(--border-color);
    -ms-flex: auto;
    flex: auto;
    padding: 3.73333vw 5.33333vw 3.73333vw 0
}

.adm-popover-menu-item-disabled {
    cursor: not-allowed
}

.adm-popover-menu-item-disabled>* {
    opacity: .4
}

.adm-popover-menu-item:active:not(.adm-popover-menu-item-disabled) {
    background-color: var(--border-color)
}

.adm-popover-menu-item:active:not(.adm-popover-menu-item-disabled):after {
    border-bottom: 2.6px solid var(--border-color);
    bottom: -2.6px;
    content: " ";
    display: block;
    left: 0;
    position: absolute;
    width: 100%
}

.adm-popover.adm-popover-dark.adm-popover-menu {
    --border-color: #333;
    --background: rgba(0,0,0,.9)
}

.adm-grid {
    --gap: 0;
    --gap-horizontal: var(--gap);
    --gap-vertical: var(--gap);
    grid-gap: 2.66667vw;
    grid-column-gap: var(--gap-horizontal);
    grid-row-gap: var(--gap-vertical);
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-column-gap: var(--gap-horizontal);
    -moz-column-gap: var(--gap-horizontal);
    column-gap: var(--gap-horizontal);
    display: grid;
    grid-template-columns: repeat(var(--columns),minmax(0,1fr));
    row-gap: var(--gap-vertical)
}

.adm-grid-item {
    grid-column-end: span var(--item-span)
}

.adm-image-uploader {
    --cell-size: 21.33333vw;
    --gap: 3.2vw;
    ---gap: var(--gap);
    ---gap-horizontal: var(--gap);
    ---gap-horizontal: var(--gap-horizontal,var(--gap));
    ---gap-vertical: var(--gap);
    ---gap-vertical: var(--gap-vertical,var(--gap))
}

.adm-image-uploader-grid,.adm-image-uploader-space {
    --gap: var(---gap);
    --gap-horizontal: var(---gap-horizontal);
    --gap-vertical: var(---gap-vertical)
}

.adm-image-uploader-cell {
    border-radius: 1.06667vw;
    height: var(--cell-size);
    overflow: hidden;
    position: relative;
    width: var(--cell-size)
}

.adm-image-uploader-cell-fail {
    border: 2.6px solid red;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.adm-image-uploader-cell-delete {
    background-color: rgba(0,0,0,.7);
    border-radius: 0 0 0 3.2vw;
    color: var(--adm-color-white);
    cursor: pointer;
    font-size: 2.13333vw;
    height: 3.73333vw;
    position: absolute;
    right: 0;
    top: 0;
    width: 3.73333vw
}

.adm-image-uploader-cell-delete-icon {
    left: 1.06667vw;
    position: absolute;
    top: .8vw
}

.adm-image-uploader-cell-mask {
    background-color: rgba(50,50,51,.88);
    bottom: 0;
    color: var(--adm-color-white);
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.adm-image-uploader-cell-loading {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    padding-top: 2.13333vw
}

.adm-image-uploader-cell-mask-message {
    display: inline-block;
    font-size: var(--adm-font-size-4);
    padding: 1.6vw 1.06667vw
}

.adm-image-uploader-cell-image {
    height: var(--cell-size);
    width: var(--cell-size)
}

.adm-image-uploader-upload-button-wrap {
    position: relative
}

.adm-image-uploader-upload-button-wrap .adm-image-uploader-upload-button {
    background-color: var(--adm-color-box);
    display: block;
    line-height: var(--cell-size);
    text-align: center
}

.adm-image-uploader-upload-button-wrap .adm-image-uploader-upload-button-icon {
    color: #999;
    font-size: 8.53333vw
}

.adm-image-uploader-upload-button-wrap .adm-image-uploader-input {
    border-radius: 1.06667vw;
    cursor: pointer;
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.adm-image-uploader .adm-image-uploader-gap-measure {
    height: var(--gap-horizontal);
    left: 0;
    position: absolute;
    top: 0;
    width: 0
}

.adm-image-viewer-indicator {
    color: #e6e6e6
}

.adm-space-item {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none
}

.adm-space {
    --gap: 2.13333vw;
    --gap-vertical: var(--gap);
    --gap-horizontal: var(--gap);
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.adm-space-vertical {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.adm-space-vertical>.adm-space-item {
    margin-bottom: var(--gap-vertical)
}

.adm-space-vertical>.adm-space-item:last-child {
    margin-bottom: 0
}

.adm-space-horizontal {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.adm-space-horizontal>.adm-space-item {
    margin-right: var(--gap-horizontal)
}

.adm-space-horizontal>.adm-space-item:last-child {
    margin-right: 0
}

.adm-space-horizontal.adm-space-wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: calc(var(--gap-vertical)*-1)
}

.adm-space-horizontal.adm-space-wrap>.adm-space-item {
    padding-bottom: var(--gap-vertical)
}

.adm-space.adm-space-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.adm-space-align-center {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.adm-space-align-start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.adm-space-align-end {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.adm-space-align-baseline {
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline
}

.adm-space-justify-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.adm-space-justify-start {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.adm-space-justify-end {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.adm-space-justify-between {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.adm-space-justify-around {
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.adm-space-justify-evenly {
    -webkit-box-pack: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly
}

.adm-space-justify-stretch {
    -webkit-box-pack: stretch;
    -ms-flex-pack: stretch;
    justify-content: stretch
}

.adm-index-bar {
    --color: var(--adm-color-text);
    --sticky-offset-top: 0;
    background-color: var(--adm-color-white);
    height: 100%;
    overflow: hidden;
    position: relative
}

.adm-index-bar-body {
    height: 100%;
    overflow: scroll;
    width: 100%
}

.adm-index-bar-body::-webkit-scrollbar {
    display: none
}

.adm-index-bar-anchor-title {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    background-color: var(--adm-color-box);
    color: var(--adm-color-weak);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    font-size: var(--adm-font-size-main);
    height: 9.33333vw;
    justify-content: center;
    padding: 0 3.2vw
}

.adm-index-bar-sidebar {
    color: var(--adm-color-weak);
    font-size: var(--adm-font-size-4);
    overflow: visible;
    right: 0;
    -ms-touch-action: none;
    touch-action: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index: 910
}

.adm-index-bar-sidebar,.adm-index-bar-sidebar-bubble {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.adm-index-bar-sidebar-bubble {
    background: var(--adm-color-light);
    border-radius: 50%;
    color: var(--adm-color-white);
    font-size: 6.66667vw;
    height: 12.53333vw;
    line-height: 12.53333vw;
    right: 16vw;
    text-align: center;
    width: 12.53333vw
}

.adm-index-bar-sidebar-row {
    cursor: pointer;
    padding: 0 3.2vw;
    position: relative;
    text-align: right;
    width: auto
}

.adm-index-bar-sidebar-row>* {
    pointer-events: none
}

.adm-index-bar-sidebar-item {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    height: 4.26667vw;
    justify-content: center;
    line-height: 4.26667vw;
    width: 4.26667vw
}

.adm-index-bar-sidebar-item-active {
    background-color: var(--adm-color-primary);
    border-radius: 50%;
    color: var(--adm-color-white)
}

.adm-index-bar-sidebar-interacting {
    width: 100%
}

.adm-index-bar-sticky .adm-index-bar-anchor-title {
    left: 0;
    position: sticky;
    top: var(--sticky-offset-top);
    z-index: 900
}

.adm-infinite-scroll {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: var(--adm-color-weak);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: var(--adm-font-size-main);
    justify-content: center;
    padding: 4.8vw
}

.adm-infinite-scroll-failed-text {
    display: inline-block;
    margin-right: 2.13333vw
}

.adm-input {
    --font-size: var(--adm-font-size-9);
    --color: var(--adm-color-text);
    --placeholder-color: var(--adm-color-light);
    --text-align: left;
    --background-color: transparent;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: var(--background-color);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: flex-start;
    max-height: 100%;
    max-width: 100%;
    min-height: 6.4vw;
    width: 100%
}

.adm-input-disabled {
    cursor: not-allowed;
    opacity: .4
}

.adm-input-element {
    -webkit-box-flex: 1;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: transparent;
    border: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: var(--color);
    display: inline-block;
    -ms-flex: auto;
    flex: auto;
    font-size: var(--font-size);
    line-height: 1.5;
    margin: 0;
    max-height: 100%;
    max-width: 100%;
    min-height: 1.5em;
    outline: none;
    padding: 0;
    text-align: var(--text-align);
    width: 100%
}

.adm-input-element::-webkit-input-placeholder {
    color: var(--placeholder-color);
    font-family: inherit
}

.adm-input-element::-moz-placeholder {
    color: var(--placeholder-color);
    font-family: inherit
}

.adm-input-element:-ms-input-placeholder {
    color: var(--placeholder-color);
    font-family: inherit
}

.adm-input-element::-ms-input-placeholder {
    color: var(--placeholder-color);
    font-family: inherit
}

.adm-input-element::placeholder {
    color: var(--placeholder-color);
    font-family: inherit
}

.adm-input-element:-webkit-autofill {
    background-color: transparent
}

.adm-input-element:-moz-read-only {
    cursor: default
}

.adm-input-element:read-only {
    cursor: default
}

.adm-input-element:invalid {
    -webkit-box-shadow: none;
    box-shadow: none
}

.adm-input-element::-ms-clear,.adm-input-element::-ms-reveal {
    display: none
}

.adm-input-element::-webkit-search-cancel-button,.adm-input-element::-webkit-search-decoration {
    display: none
}

.adm-input-element:disabled {
    opacity: 1
}

.adm-input-element[type=date],.adm-input-element[type=datetime-local],.adm-input-element[type=time] {
    min-height: 1.5em
}

.adm-input-element[type=search] {
    -webkit-appearance: none
}

.adm-input-element[readonly] {
    pointer-events: none
}

.adm-input-clear {
    -webkit-box-flex: 0;
    color: var(--adm-color-light);
    cursor: pointer;
    -ms-flex: none;
    flex: none;
    margin-left: 2.13333vw;
    padding: 1.06667vw
}

.adm-input-clear:active {
    color: var(--adm-color-weak)
}

.adm-input-clear .antd-mobile-icon {
    display: block;
    font-size: var(--adm-font-size-7)
}

.adm-jumbo-tabs {
    --gap: 2.13333vw;
    min-width: 0;
    position: relative
}

.adm-jumbo-tabs-header {
    border-bottom: 2.6px solid var(--adm-color-border);
    position: relative
}

.adm-jumbo-tabs-tab-list {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    justify-content: flex-start;
    overflow-x: scroll;
    padding: 0 var(--gap);
    position: relative;
    scrollbar-width: none
}

.adm-jumbo-tabs-tab-list::-webkit-scrollbar {
    display: none
}

.adm-jumbo-tabs-tab-wrapper {
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto;
    padding: 0 calc(var(--gap)/2);
    text-align: center
}

.adm-jumbo-tabs-tab {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    font-size: var(--adm-font-size-9);
    margin: 0 auto;
    padding: 3.2vw 0;
    position: relative;
    white-space: nowrap;
    width: -webkit-min-content;
    width: -moz-min-content;
    width: min-content
}

.adm-jumbo-tabs-tab-title {
    line-height: 6.4vw;
    padding: 0 1.06667vw
}

.adm-jumbo-tabs-tab-description {
    background-color: var(--adm-color-box);
    border-radius: 2.66667vw;
    color: var(--adm-color-weak);
    font-size: var(--adm-font-size-main);
    padding: 0 2.13333vw;
    width: -webkit-min-content;
    width: -moz-min-content;
    width: min-content
}

.adm-jumbo-tabs-tab-active {
    color: var(--adm-color-primary)
}

.adm-jumbo-tabs-tab-active .adm-jumbo-tabs-tab-description {
    background-color: var(--adm-color-primary);
    color: var(--adm-color-white)
}

.adm-jumbo-tabs-tab-disabled {
    cursor: not-allowed;
    opacity: .5
}

.adm-jumbo-tabs-content {
    padding: 3.2vw
}

.adm-modal {
    --z-index: var(--adm-modal-z-index,1000);
    ---z-index: var(--z-index)
}

.adm-modal .adm-center-popup {
    --z-index: var(---z-index)
}

.adm-modal-body {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    font-size: var(--adm-font-size-6);
    max-height: 70vh;
    overflow: hidden;
    width: 100%
}

.adm-modal-body>* {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none
}

.adm-modal-body>.adm-modal-content {
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto
}

.adm-modal-body:not(.adm-modal-with-image) {
    padding-top: 5.33333vw
}

.adm-modal-image-container {
    margin-bottom: 3.2vw;
    max-height: 40vh;
    overflow-y: scroll
}

.adm-modal-header,.adm-modal-title {
    margin-bottom: 2.13333vw;
    padding: 0 3.2vw
}

.adm-modal-title {
    font-size: var(--adm-font-size-10);
    font-weight: 700;
    line-height: 6.66667vw;
    text-align: center
}

.adm-modal-content {
    color: var(--adm-color-text);
    font-size: var(--adm-font-size-7);
    line-height: 1.4;
    max-height: 70vh;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0 3.2vw 3.2vw
}

.adm-modal-footer {
    padding: 2.13333vw 3.2vw 3.2vw;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.adm-modal-footer-empty {
    height: 2.13333vw;
    padding: 0
}

.adm-modal-footer.adm-space {
    --gap-vertical: 5.33333vw
}

.adm-modal-footer .adm-modal-button {
    font-size: var(--adm-font-size-10);
    line-height: 6.66667vw
}

.adm-modal-footer .adm-modal-button:not(.adm-modal-button-primary) {
    padding-bottom: 0;
    padding-top: 0
}

.adm-modal-footer .adm-modal-button:not(.adm-modal-button-primary):before {
    display: none
}

.adm-modal-footer .adm-modal-button:not(.adm-modal-button-primary):active {
    opacity: .7
}

.adm-nav-bar {
    --height: 12vw;
    --border-bottom: none;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: var(--border-bottom);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: var(--height);
    padding: 0 3.2vw;
    white-space: nowrap
}

.adm-nav-bar-left,.adm-nav-bar-right {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.adm-nav-bar-title {
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto;
    overflow: hidden;
    text-align: center;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis
}

.adm-nav-bar-back {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-right: 4.26667vw;
    padding: 1.6vw 0
}

.adm-nav-bar-back-arrow {
    font-size: 6.4vw;
    margin-right: 1.06667vw
}

.adm-nav-bar-left {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: var(--adm-font-size-7);
    justify-content: flex-start
}

.adm-nav-bar-title {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    font-size: var(--adm-font-size-10);
    justify-content: center;
    padding: 0 3.2vw;
    white-space: nowrap
}

.adm-nav-bar-right {
    text-align: right
}

.adm-notice-bar {
    --background-color: #ababab;
    --border-color: #999;
    --text-color: var(--adm-color-white);
    --font-size: var(--adm-font-size-7);
    --icon-font-size: var(--adm-font-size-10);
    --height: 10.66667vw;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    align-items: center;
    background-color: var(--background-color);
    border: 2.6px solid var(--border-color);
    border-left: none;
    border-right: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: var(--font-size);
    height: var(--height);
    justify-content: space-between;
    padding: 0 3.2vw
}

.adm-notice-bar,.adm-notice-bar>span[role=img] {
    color: var(--text-color)
}

.adm-notice-bar.adm-notice-bar-alert {
    --background-color: #fff9ed;
    --border-color: #fff3e9;
    --text-color: #ff6010
}

.adm-notice-bar.adm-notice-bar-error {
    --background-color: #ff3b30;
    --border-color: #d9281e;
    --text-color: #fff
}

.adm-notice-bar.adm-notice-bar-info {
    --background-color: #d0e4ff;
    --border-color: #bcd8ff;
    --text-color: #1677ff
}

.adm-notice-bar .adm-notice-bar-left {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    font-size: var(--icon-font-size);
    margin-right: 2.13333vw
}

.adm-notice-bar .adm-notice-bar-content {
    -webkit-box-flex: 1;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1;
    flex: 1;
    height: 100%;
    overflow: hidden;
    position: relative
}

.adm-notice-bar .adm-notice-bar-content .adm-notice-bar-content-inner {
    -webkit-transition-timing-function: linear;
    -o-transition-timing-function: linear;
    transition-timing-function: linear;
    white-space: nowrap;
    width: auto
}

.adm-notice-bar-wrap.adm-notice-bar .adm-notice-bar-content .adm-notice-bar-content-inner {
    white-space: normal
}

.adm-notice-bar .adm-notice-bar-right {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-left: 3.2vw
}

.adm-notice-bar-close {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 6.4vw;
    justify-content: center;
    margin-right: -.8vw;
    width: 6.4vw
}

.adm-notice-bar-close-icon {
    font-size: var(--adm-font-size-10)
}

.adm-notice-bar-wrap {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    height: auto;
    line-height: 5.86667vw;
    padding-bottom: 2.13333vw;
    padding-top: 2.13333vw
}

.adm-number-keyboard-main {
    -webkit-box-flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1;
    flex: 1;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.adm-number-keyboard-main.adm-number-keyboard-main-confirmed-style .adm-number-keyboard-key-sign {
    background-color: var(--adm-color-background)
}

.adm-number-keyboard-popup.adm-popup {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%;
    z-index: 1050
}

.adm-number-keyboard-popup.adm-popup .adm-popup-body {
    background-color: var(--adm-color-box)
}

.adm-number-keyboard-header,.adm-number-keyboard-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.adm-number-keyboard-header {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: var(--adm-color-background);
    border-top: 2.6px solid var(--adm-color-border);
    color: var(--adm-color-weak);
    height: 9.06667vw;
    justify-content: center;
    line-height: 9.06667vw;
    padding: 0 3.2vw
}

.adm-number-keyboard-header-close-button {
    font-size: 4.26667vw;
    padding: 0 3.2vw
}

.adm-number-keyboard-header.adm-number-keyboard-header-with-title {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.adm-number-keyboard-header.adm-number-keyboard-header-with-title .adm-number-keyboard-header-close-button {
    padding-right: 0
}

.adm-number-keyboard-footer {
    background: var(--adm-color-white)
}

.adm-number-keyboard-title {
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap
}

.adm-number-keyboard-confirm {
    width: 25%
}

.adm-number-keyboard-key {
    -webkit-box-flex: 1;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    border: 2.6px solid var(--adm-color-border);
    border-bottom: none;
    border-left: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1 33.33%;
    flex: 1 33.33%;
    font-size: 5.86667vw;
    height: 12.8vw;
    justify-content: center;
    position: relative
}

.adm-number-keyboard-key:last-child,.adm-number-keyboard-key:nth-child(3n) {
    border-right: none
}

.adm-number-keyboard-key:before {
    background-color: #000;
    border: inherit;
    border-color: #000;
    border-radius: inherit;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    content: " ";
    height: 100%;
    left: 50%;
    opacity: 0;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    width: 100%
}

.adm-number-keyboard-key.adm-number-keyboard-key-mid {
    -ms-flex-preferred-size: 66.67%;
    flex-basis: 66.67%
}

.adm-number-keyboard-key.adm-number-keyboard-key-sign:active:before {
    opacity: .1
}

.adm-number-keyboard-key.adm-number-keyboard-key-extra {
    border-left: 2.6px solid var(--adm-color-border);
    border-right: none
}

.adm-number-keyboard-key.adm-number-keyboard-key-extra,.adm-number-keyboard-key.adm-number-keyboard-key-number {
    background-color: var(--adm-color-background)
}

.adm-number-keyboard-key.adm-number-keyboard-key-extra:active:before,.adm-number-keyboard-key.adm-number-keyboard-key-number:active:before {
    opacity: .1
}

.adm-number-keyboard-key.adm-number-keyboard-key-ok {
    background-color: var(--adm-color-primary);
    border: none;
    color: var(--adm-color-white);
    font-size: 4.26667vw;
    height: 38.4vw
}

.adm-page-indicator {
    --dot-color: #ddd;
    --active-dot-color: var(--adm-color-primary);
    --dot-size: 0.8vw;
    --active-dot-size: 3.46667vw;
    --dot-border-radius: 2.6px;
    --active-dot-border-radius: var(--dot-border-radius);
    --dot-spacing: 0.8vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: auto
}

.adm-page-indicator-dot {
    background: var(--dot-color);
    border-radius: var(--dot-border-radius);
    display: block;
    height: var(--dot-size);
    width: var(--dot-size)
}

.adm-page-indicator-dot:last-child {
    margin-right: 0
}

.adm-page-indicator-dot-active {
    background: var(--active-dot-color);
    border-radius: var(--active-dot-border-radius)
}

.adm-page-indicator-color-white {
    --dot-color: hsla(0,0%,100%,.5);
    --active-dot-color: var(--adm-color-white)
}

.adm-page-indicator-horizontal {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.adm-page-indicator-horizontal .adm-page-indicator-dot {
    margin-right: var(--dot-spacing)
}

.adm-page-indicator-horizontal .adm-page-indicator-dot-active {
    width: var(--active-dot-size)
}

.adm-page-indicator-vertical {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.adm-page-indicator-vertical .adm-page-indicator-dot {
    margin-bottom: var(--dot-spacing)
}

.adm-page-indicator-vertical .adm-page-indicator-dot-active {
    height: var(--active-dot-size)
}

.adm-passcode-input {
    --cell-size: 10.66667vw;
    --cell-gap: 1.6vw;
    --dot-size: 2.66667vw;
    --border-color: #e5e5e5;
    --border-radius: 2.13333vw;
    display: inline-block;
    position: relative
}

.adm-passcode-input-cell-container {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    vertical-align: top
}

.adm-passcode-input-cell {
    -webkit-box-flex: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    background: var(--adm-color-background);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: none;
    flex: none;
    font-size: var(--adm-font-size-10);
    height: var(--cell-size);
    justify-content: center;
    width: var(--cell-size)
}

.adm-passcode-input:not(.adm-passcode-input-seperated) {
    border: 2.6px solid var(--border-color);
    border-radius: var(--border-radius);
    overflow: hidden
}

.adm-passcode-input:not(.adm-passcode-input-seperated) .adm-passcode-input-cell:not(:last-child) {
    border-right: 2.6px solid var(--border-color)
}

.adm-passcode-input:not(.adm-passcode-input-seperated).adm-passcode-input-focused {
    border-color: var(--adm-color-primary);
    -webkit-box-shadow: 0 0 .53333vw 0 var(--adm-color-primary);
    box-shadow: 0 0 .53333vw 0 var(--adm-color-primary);
    outline: none
}

.adm-passcode-input:not(.adm-passcode-input-seperated).adm-passcode-input-error {
    -webkit-animation: adm-shake-horizontal .1s ease-in-out 0s 3 normal none running;
    animation: adm-shake-horizontal .1s ease-in-out 0s 3 normal none running;
    border-color: var(--adm-color-danger);
    -webkit-box-shadow: 0 0 .53333vw 0 var(--adm-color-danger);
    box-shadow: 0 0 .53333vw 0 var(--adm-color-danger)
}

.adm-passcode-input.adm-passcode-input-seperated .adm-passcode-input-cell {
    border: 2.6px solid var(--border-color);
    border-radius: var(--border-radius)
}

.adm-passcode-input.adm-passcode-input-seperated .adm-passcode-input-cell:not(:last-child) {
    margin-right: var(--cell-gap)
}

.adm-passcode-input.adm-passcode-input-seperated .adm-passcode-input-cell-focused {
    border-color: var(--adm-color-primary);
    -webkit-box-shadow: 0 0 .53333vw 0 var(--adm-color-primary);
    box-shadow: 0 0 .53333vw 0 var(--adm-color-primary)
}

.adm-passcode-input-seperated.adm-passcode-input-focused {
    outline: none
}

.adm-passcode-input.adm-passcode-input-seperated.adm-passcode-input-error {
    -webkit-animation: adm-shake-horizontal .1s ease-in-out 0s 3 normal none running;
    animation: adm-shake-horizontal .1s ease-in-out 0s 3 normal none running
}

.adm-passcode-input.adm-passcode-input-seperated.adm-passcode-input-error .adm-passcode-input-cell {
    border-color: var(--adm-color-danger);
    -webkit-box-shadow: 0 0 .53333vw 0 var(--adm-color-danger);
    box-shadow: 0 0 .53333vw 0 var(--adm-color-danger)
}

.adm-passcode-input-cell-dot:before {
    background: var(--adm-color-text);
    border-radius: 100%;
    content: "";
    height: var(--dot-size);
    width: var(--dot-size)
}

.adm-passcode-input-cell-caret:after {
    -webkit-animation: adm-caret-blink 1s linear infinite;
    animation: adm-caret-blink 1s linear infinite;
    background: var(--adm-color-primary);
    content: "";
    height: 1.1em;
    margin-left: 2.6px;
    width: .53333vw
}

.adm-passcode-input>.adm-passcode-input-native-input {
    display: block;
    height: 5.33333vw;
    left: -200vw;
    opacity: .5;
    position: absolute;
    top: 0;
    width: 13.33333vw
}

@-webkit-keyframes adm-shake-horizontal {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    10% {
        -webkit-transform: translateX(-1.06667vw);
        transform: translateX(-1.06667vw)
    }

    20% {
        -webkit-transform: translateX(1.33333vw);
        transform: translateX(1.33333vw)
    }

    30% {
        -webkit-transform: translateX(-2.6px);
        transform: translateX(-2.6px)
    }

    40% {
        -webkit-transform: translateX(2.13333vw);
        transform: translateX(2.13333vw)
    }

    50% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    60% {
        -webkit-transform: translateX(-2.13333vw);
        transform: translateX(-2.13333vw)
    }

    70% {
        -webkit-transform: translateX(2.6px);
        transform: translateX(2.6px)
    }

    80% {
        -webkit-transform: translateX(-1.33333vw);
        transform: translateX(-1.33333vw)
    }

    90% {
        -webkit-transform: translateX(1.06667vw);
        transform: translateX(1.06667vw)
    }

    to {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes adm-shake-horizontal {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    10% {
        -webkit-transform: translateX(-1.06667vw);
        transform: translateX(-1.06667vw)
    }

    20% {
        -webkit-transform: translateX(1.33333vw);
        transform: translateX(1.33333vw)
    }

    30% {
        -webkit-transform: translateX(-2.6px);
        transform: translateX(-2.6px)
    }

    40% {
        -webkit-transform: translateX(2.13333vw);
        transform: translateX(2.13333vw)
    }

    50% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    60% {
        -webkit-transform: translateX(-2.13333vw);
        transform: translateX(-2.13333vw)
    }

    70% {
        -webkit-transform: translateX(2.6px);
        transform: translateX(2.6px)
    }

    80% {
        -webkit-transform: translateX(-1.33333vw);
        transform: translateX(-1.33333vw)
    }

    90% {
        -webkit-transform: translateX(1.06667vw);
        transform: translateX(1.06667vw)
    }

    to {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

.adm-progress-bar {
    --track-width: var(--adm-progress-bar-track-width,2.13333vw);
    --track-color: var(--adm-progress-bar-track-color,#e5e5e5);
    --fill-color: var(--adm-progress-bar-fill-color,var(--adm-color-primary));
    --text-width: var(--adm-progress-bar-text-width,10.66667vw);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.adm-progress-bar-trail {
    -webkit-box-flex: 1;
    background: var(--track-color);
    -ms-flex: auto;
    flex: auto;
    height: var(--track-width);
    overflow: hidden
}

.adm-progress-bar-fill {
    background: var(--fill-color);
    height: var(--track-width);
    -webkit-transition: width .3s;
    -o-transition: width .3s;
    transition: width .3s
}

.adm-progress-bar-text {
    -webkit-box-flex: 0;
    color: #999;
    -ms-flex: none;
    flex: none;
    padding-left: 2.13333vw;
    width: calc(var(--text-width) + 2.13333vw)
}

.adm-progress-bar-rounded .adm-progress-bar-fill,.adm-progress-bar-rounded .adm-progress-bar-trail {
    border-radius: var(--track-width)
}

.adm-progress-circle {
    --track-width: var(--adm-progress-circle-track-width,0.8vw);
    --size: var(--adm-progress-circle-size,13.33333vw);
    --track-color: var(--adm-progress-circle-track-color,#e5e5e5);
    --fill-color: var(--adm-progress-circle-fill-color,var(--adm-color-primary));
    --percent: 0;
    --pi: 3.14159265;
    --radius: calc(var(--size)/2 - var(--track-width)/2);
    --circumference: calc(var(--radius)*var(--pi)*2);
    display: inline-block;
    height: var(--size);
    width: var(--size)
}

.adm-progress-circle-svg {
    height: 100%;
    width: 100%
}

.adm-progress-circle-svg .adm-progress-circle-fill,.adm-progress-circle-svg>.adm-progress-circle-track {
    stroke-width: var(--track-width);
    r: var(--radius);
    cx: calc(var(--size)/2);
    cy: calc(var(--size)/2);
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%
}

.adm-progress-circle-svg>.adm-progress-circle-track {
    stroke: var(--track-color)
}

.adm-progress-circle-svg>.adm-progress-circle-fill {
    stroke: var(--fill-color);
    stroke-dasharray: var(--circumference);
    stroke-dashoffset: calc(var(--circumference)*(1 - var(--percent)/100));
    stroke-linecap: round;
    -webkit-transition: stroke-dashoffset .35s;
    -o-transition: stroke-dashoffset .35s;
    transition: stroke-dashoffset .35s
}

.adm-progress-circle-content {
    height: 100%;
    margin: auto;
    position: relative;
    width: 100%
}

.adm-progress-circle-info {
    left: 50%;
    position: absolute;
    text-align: center;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    width: 100%
}

.adm-pull-to-refresh-head {
    overflow: hidden;
    position: relative
}

.adm-pull-to-refresh-head-content {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    bottom: 0;
    color: var(--adm-color-weak);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    left: 0;
    position: absolute;
    width: 100%
}

.adm-pull-to-refresh-head-content,.adm-radio {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.adm-radio {
    --icon-size: 5.86667vw;
    --font-size: var(--adm-font-size-9);
    --gap: 2.13333vw;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    cursor: pointer;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    justify-content: flex-start;
    vertical-align: text-bottom
}

.adm-radio input {
    display: none
}

.adm-radio .adm-radio-icon {
    -webkit-box-flex: 0;
    border: 2.6px solid var(--adm-color-light);
    border-radius: var(--icon-size);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: var(--adm-color-white);
    -ms-flex: none;
    flex: none;
    height: var(--icon-size);
    width: var(--icon-size)
}

.adm-radio .adm-radio-icon>svg {
    display: block;
    height: 100%;
    width: 100%
}

.adm-radio.adm-radio-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.adm-radio.adm-radio-checked .adm-radio-icon {
    background-color: var(--adm-color-primary);
    border-color: var(--adm-color-primary)
}

.adm-radio.adm-radio-disabled {
    cursor: not-allowed
}

.adm-radio.adm-radio-disabled .adm-radio-content {
    opacity: .4
}

.adm-radio.adm-radio-disabled .adm-radio-icon {
    background-color: var(--adm-color-box);
    border-color: var(--adm-color-light);
    color: #b7b7b7
}

.adm-radio .adm-radio-custom-icon {
    font-size: var(--icon-size)
}

.adm-radio-content {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    font-size: var(--font-size);
    padding-left: var(--gap)
}

.adm-rate {
    --star-size: 6.4vw;
    --active-color: #ffd21e;
    --inactive-color: #e5e5e5;
    --inactive-color-half: #dbdbdb;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.adm-rate-box {
    position: relative
}

.adm-rate-star {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: var(--inactive-color);
    cursor: pointer;
    font-size: var(--star-size);
    line-height: var(--star-size);
    overflow: hidden;
    padding: .125em;
    text-align: center;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.adm-rate-star-half {
    left: 0;
    padding-right: 0;
    position: absolute;
    top: 0;
    width: 50%
}

.adm-rate-star-active {
    color: var(--active-color)
}

.adm-rate-star-readonly {
    cursor: unset
}

.adm-rate.adm-rate-half .adm-rate-star-half:not(.adm-rate-star-active) {
    color: var(--inactive-color-half)
}

.adm-result {
    background-color: var(--adm-color-background);
    padding: 8.53333vw 3.2vw
}

.adm-result-icon {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 17.06667vw;
    margin: 0 auto 5.33333vw;
    padding: 1.6vw;
    width: 17.06667vw
}

.adm-result-icon .antd-mobile-icon {
    font-size: 13.86667vw
}

.adm-result-title {
    color: var(--adm-color-text);
    font-size: var(--adm-font-size-10);
    line-height: 1.4;
    text-align: center
}

.adm-result-description {
    color: var(--adm-color-weak);
    font-size: var(--adm-font-size-main);
    line-height: 1.4;
    margin-top: 2.13333vw;
    text-align: center
}

.adm-result-success .adm-result-icon .antd-mobile-icon {
    color: var(--adm-color-primary)
}

.adm-result-error .adm-result-icon .antd-mobile-icon {
    color: var(--adm-color-danger)
}

.adm-result-info .adm-result-icon .antd-mobile-icon {
    color: var(--adm-color-primary)
}

.adm-result-waiting .adm-result-icon .antd-mobile-icon {
    color: var(--adm-color-success)
}

.adm-result-warning .adm-result-icon .antd-mobile-icon {
    color: var(--adm-color-warning)
}

.adm-result-page {
    --background-color: var(--adm-color-primary);
    background-color: var(--adm-color-box);
    min-height: 100vh;
    position: relative;
    width: 100%
}

.adm-result-page-header {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    align-items: center;
    background-color: transparent;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    overflow: hidden;
    padding: 5.33333vw 5.33333vw 26.66667vw;
    position: relative;
    z-index: 1
}

.adm-result-page-icon {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: var(--adm-color-background);
    margin-bottom: 2.13333vw;
    padding: .53333vw
}

.adm-result-page-icon .antd-mobile-icon {
    font-size: 8.53333vw
}

.adm-result-page-title {
    color: var(--adm-color-background);
    font-size: var(--adm-font-size-10);
    line-height: 1.4;
    text-align: center
}

.adm-result-page-description {
    color: hsla(0,0%,100%,.6);
    font-size: var(--adm-font-size-6);
    line-height: 1.4;
    margin-bottom: 6.4vw;
    margin-top: 2.13333vw;
    text-align: center
}

.adm-result-page-details {
    width: 100%
}

.adm-result-page-detail {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    color: var(--adm-color-background);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    font-size: var(--adm-font-size-6);
    justify-content: space-between;
    margin-bottom: 1.33333vw;
    width: 100%
}

.adm-result-page-detail-bold {
    font-weight: 600
}

.adm-result-page-collapse {
    border-right: .53333vw solid var(--adm-color-background);
    border-top: .53333vw solid var(--adm-color-background);
    height: 2.66667vw;
    margin: auto auto 1.33333vw;
    opacity: .6;
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
    width: 2.66667vw
}

.adm-result-page-collapse-active {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.adm-result-page-bgWrapper {
    -ms-flex-item-align: start;
    align-self: flex-start;
    position: relative;
    top: 14.4vw
}

.adm-result-page-bg {
    --width: 440vw;
    background-color: var(--background-color);
    border-radius: 50%;
    height: var(--width);
    left: calc((var(--width) - 100vw)*-1/2 - 5.33333vw);
    position: absolute;
    top: calc(var(--width)*-1 + 1vw);
    width: var(--width);
    z-index: -1
}

.adm-result-page-content {
    padding: 3.2vw;
    position: relative;
    top: -27.73333vw;
    z-index: 2
}

.adm-result-page-footer {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    background-color: var(--adm-color-box);
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    padding: 3.2vw 3.2vw 6.4vw;
    position: fixed;
    width: 100%;
    z-index: 3
}

.adm-result-page-footer-btn {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    max-width: 45.2vw
}

.adm-result-page-footer-space {
    width: 3.2vw
}

.adm-result-page-card {
    background-color: var(--adm-color-background);
    border-radius: 2.13333vw
}

.adm-search-bar {
    --height: 8.53333vw;
    --padding-left: 2.13333vw;
    --background: var(--adm-color-box);
    --border-radius: 1.6vw;
    --placeholder-color: var(--adm-color-weak);
    ---placeholder-color: var(--placeholder-color);
    -ms-flex-pack: center;
    -ms-flex-align: center;
    height: var(--height)
}

.adm-search-bar,.adm-search-bar .adm-search-bar-input-box {
    -webkit-box-pack: center;
    -webkit-box-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center
}

.adm-search-bar .adm-search-bar-input-box {
    -webkit-box-flex: 1;
    -ms-flex-pack: center;
    -ms-flex-align: center;
    background: var(--background);
    border: 2.6px solid transparent;
    border-radius: var(--border-radius);
    -ms-flex: auto;
    flex: auto;
    padding-left: var(--padding-left)
}

.adm-search-bar .adm-search-bar-input-box .adm-search-bar-input-box-icon {
    -webkit-box-flex: 0;
    color: var(--adm-color-light);
    -ms-flex: none;
    flex: none;
    font-size: var(--adm-font-size-8)
}

.adm-search-bar .adm-search-bar-input-box .adm-search-bar-input {
    -webkit-box-flex: 1;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex: auto;
    flex: auto;
    height: calc(var(--height) - .53333vw);
    padding: 1.06667vw 2.13333vw 1.06667vw 1.06667vw
}

.adm-search-bar .adm-search-bar-input-box .adm-search-bar-input.adm-input {
    --placeholder-color: var(---placeholder-color);
    --font-size: var(--adm-font-size-7)
}

.adm-search-bar .adm-search-bar-input-box .adm-search-bar-input .adm-input-element {
    line-height: 5.06667vw
}

.adm-search-bar .adm-search-bar-input-box .adm-search-bar-input.adm-search-bar-input-without-icon {
    padding-left: 2.13333vw
}

.adm-search-bar .adm-search-bar-suffix {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    margin-left: 1.06667vw
}

.adm-search-bar .adm-search-bar-cancel-button.adm-button {
    padding: .8vw 3.2vw
}

.adm-search-bar-active .adm-input.adm-input.adm-input {
    --placeholder-color: var(--adm-color-light)
}

.adm-search-bar-active .adm-search-bar-input-box {
    background: var(--adm-color-background);
    border-color: var(--adm-color-primary)
}

.adm-selector {
    --color: var(--adm-color-box);
    --checked-color: #e7f1ff;
    --text-color: var(--adm-color-text);
    --checked-text-color: var(--adm-color-primary);
    --border: none;
    --checked-border: none;
    --border-radius: 0.53333vw;
    --padding: 2.13333vw 4.26667vw;
    --gap: 2.13333vw;
    ---gap: var(--gap);
    ---gap-horizontal: var(--gap);
    ---gap-horizontal: var(--gap-horizontal,var(--gap));
    ---gap-vertical: var(--gap);
    ---gap-vertical: var(--gap-vertical,var(--gap));
    font-size: var(--adm-font-size-7);
    line-height: 1.4;
    overflow: hidden
}

.adm-selector .adm-space.adm-space {
    --gap: 3.2vw
}

.adm-selector .adm-grid {
    --gap: var(---gap);
    --gap-horizontal: var(---gap-horizontal);
    --gap-vertical: var(---gap-vertical)
}

.adm-selector-item {
    background-color: var(--color);
    border: var(--border);
    border-radius: var(--border-radius);
    color: var(--text-color);
    cursor: pointer;
    display: inline-block;
    opacity: 1;
    overflow: hidden;
    padding: var(--padding);
    position: relative;
    text-align: center;
    vertical-align: top
}

.adm-selector-item-description {
    color: var(--adm-color-weak);
    font-size: var(--adm-font-size-main)
}

.adm-selector-item-active,.adm-selector-item-multiple-active {
    background-color: var(--checked-color);
    border: var(--checked-border);
    color: var(--checked-text-color)
}

.adm-selector-item .adm-selector-check-mark-wrapper {
    border-bottom: 2.13333vw solid var(--adm-color-primary);
    border-left: 2.66667vw solid transparent;
    border-right: 2.66667vw solid var(--adm-color-primary);
    border-top: 2.13333vw solid transparent;
    bottom: 0;
    height: 0;
    position: absolute;
    right: 0;
    width: 0
}

.adm-selector-item .adm-selector-check-mark-wrapper>svg {
    height: 1.6vw;
    left: 0;
    position: absolute;
    top: 0;
    width: 2.13333vw
}

.adm-selector-item-disabled {
    cursor: not-allowed;
    opacity: .4
}

.adm-side-bar {
    --height: 100%;
    --width: 28vw;
    --item-border-radius: 2.13333vw;
    --background-color: var(--adm-color-box);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    background-color: var(--background-color);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    font-size: var(--adm-font-size-main);
    height: var(--height);
    overflow-y: auto;
    transform: translateZ(0);
    -webkit-transform: translateZ(0);
    width: var(--width)
}

.adm-side-bar-items {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    overflow: hidden
}

.adm-side-bar-extra-space {
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto;
    overflow: hidden;
    position: relative
}

.adm-side-bar-item {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: var(--background-color);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: visible;
    padding: 4.26667vw 3.2vw;
    position: relative
}

.adm-side-bar-item-highlight {
    background: var(--adm-color-primary);
    border-radius: .53333vw;
    height: 100%;
    left: -3.2vw;
    position: absolute;
    top: 0;
    width: .53333vw
}

.adm-side-bar-item-active {
    background-color: var(--adm-color-background);
    color: var(--adm-color-primary);
    position: relative
}

.adm-side-bar-item-corner {
    height: var(--item-border-radius);
    pointer-events: none;
    position: absolute;
    right: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: var(--item-border-radius);
    z-index: 100
}

.adm-side-bar-item-corner-top {
    top: 0;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.adm-side-bar-item-corner-bottom {
    bottom: 0
}

.adm-side-bar-item-disabled {
    cursor: not-allowed
}

.adm-side-bar-item-disabled .adm-side-bar-item-title {
    opacity: .4
}

.adm-side-bar-badge.adm-badge {
    --right: -1.06667vw
}

.adm-slider {
    --fill-color: var(--adm-color-primary);
    list-style: none;
    padding: 1.33333vw 3.73333vw;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.adm-slider-track-container {
    padding: 2.13333vw 0
}

.adm-slider-track {
    background-color: var(--adm-color-box);
    border-radius: .8vw;
    height: .8vw;
    position: relative;
    width: 100%
}

.adm-slider-fill {
    background-color: var(--fill-color);
    border-radius: .8vw;
    height: .8vw;
    position: absolute;
    z-index: 1
}

.adm-slider-ticks {
    background: transparent;
    height: .8vw;
    position: absolute;
    width: 100%
}

.adm-slider-tick {
    background-color: var(--adm-color-box);
    border-radius: 50%;
    height: 1.86667vw;
    margin-left: -.8vw;
    position: absolute;
    top: -.53333vw;
    width: 1.86667vw
}

.adm-slider-tick-active {
    background-color: var(--fill-color)
}

.adm-slider-thumb {
    background: var(--adm-color-white);
    border-radius: 50%;
    -webkit-box-shadow: 0 .53333vw 1.33333vw 0 rgba(0,0,0,.12);
    box-shadow: 0 .53333vw 1.33333vw 0 rgba(0,0,0,.12);
    color: var(--fill-color);
    height: 7.46667vw;
    line-height: 7.46667vw;
    margin: .53333vw;
    text-align: center;
    width: 7.46667vw
}

.adm-slider-thumb:focus {
    outline: none
}

.adm-slider-thumb-icon {
    height: 3.2vw;
    margin: 2.13333vw;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 3.2vw
}

.adm-slider-thumb-container {
    border-radius: 50%;
    cursor: -webkit-grab;
    cursor: grab;
    height: 8.53333vw;
    position: absolute;
    top: 50%;
    -ms-touch-action: none;
    touch-action: none;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    width: 8.53333vw;
    z-index: 2
}

.adm-slider-mark {
    font-size: var(--adm-font-size-3);
    height: 2.93333vw;
    margin-top: 2.66667vw;
    overflow: visible;
    position: relative;
    width: 100%
}

.adm-slider-mark-text {
    color: var(--adm-color-text);
    display: inline-block;
    line-height: 1;
    position: absolute;
    text-align: center;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    word-break: keep-all
}

.adm-slider-disabled .adm-slider-mark,.adm-slider-disabled .adm-slider-thumb-icon {
    opacity: .4
}

.adm-slider-disabled .adm-slider-fill:after,.adm-slider-disabled .adm-slider-tick-active:after {
    background-color: hsla(0,0%,100%,.6);
    border-radius: inherit;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.adm-slider-disabled .adm-slider-thumb {
    -webkit-box-shadow: 0 .53333vw 1.33333vw 0 rgba(0,0,0,.06);
    box-shadow: 0 .53333vw 1.33333vw 0 rgba(0,0,0,.06);
    cursor: not-allowed
}

.adm-slider-disabled .adm-slider-mark-text,.adm-slider-disabled .adm-slider-tick {
    -webkit-box-shadow: none;
    box-shadow: none;
    cursor: not-allowed
}

.adm-stepper {
    --height: 7.46667vw;
    --input-width: 11.73333vw;
    --input-font-size: var(--adm-font-size-main);
    --input-font-color: var(--adm-color-text);
    --input-background-color: var(--adm-color-box);
    --border-radius: 0.53333vw;
    --border: none;
    --border-inner: solid 0.53333vw transparent;
    --active-border: var(--border);
    --button-font-size: var(--adm-font-size-7);
    --button-text-color: var(--adm-color-primary);
    --button-background-color: var(--adm-color-box);
    --button-width: var(--height);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: var(--border);
    border-radius: var(--border-radius);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    position: relative;
    width: calc(var(--input-width) + var(--button-width)*2)
}

.adm-stepper-active {
    border: var(--active-border)
}

.adm-stepper-middle {
    -webkit-box-flex: 1;
    border-left: var(--border-inner);
    border-right: var(--border-inner);
    -ms-flex: 1;
    flex: 1
}

.adm-stepper .adm-stepper-input {
    --background-color: var(--input-background-color);
    --font-size: var(--input-font-size);
    --color: var(--input-font-color);
    --text-align: center;
    height: var(--height)
}

.adm-stepper-minus,.adm-stepper-plus {
    --border-width: 0;
    background-color: var(--button-background-color);
    color: var(--button-text-color);
    font-size: var(--button-font-size);
    height: var(--height);
    padding: 0;
    width: var(--button-width)
}

.adm-stepper-minus:disabled,.adm-stepper-plus:disabled {
    color: var(--adm-color-weak)
}

.adm-stepper-minus svg,.adm-stepper-plus svg {
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.adm-stepper-minus,.adm-stepper-plus {
    border-radius: 0
}

.adm-step {
    --line-to-next-color: #e5e5e5;
    --icon-color: #e5e5e5
}

.adm-step .adm-step-indicator {
    position: relative
}

.adm-step .adm-step-indicator:after {
    background-color: var(--line-to-next-color);
    content: "";
    position: absolute;
    z-index: 0
}

.adm-step .adm-step-indicator .adm-step-icon-container {
    color: var(--icon-color);
    position: absolute;
    z-index: 1
}

.adm-step .adm-step-indicator .adm-step-icon-container>.antd-mobile-icon {
    display: block
}

.adm-step:last-child .adm-step-indicator:after {
    display: none
}

.adm-step-status-finish {
    --line-to-next-color: var(--adm-color-primary)
}

.adm-step-status-wait {
    --icon-color: #e5e5e5
}

.adm-step-status-wait .adm-step-title {
    color: var(--adm-color-weak)
}

.adm-step-status-process {
    --icon-color: var(--adm-color-primary)
}

.adm-step-status-process .adm-step-title {
    color: var(--adm-color-primary)
}

.adm-step-status-finish {
    --icon-color: var(--adm-color-primary)
}

.adm-step-status-error {
    --icon-color: var(--adm-color-danger)
}

.adm-step-status-error .adm-step-title {
    color: var(--adm-color-danger)
}

.adm-steps {
    --title-font-size: var(--adm-font-size-main);
    --description-font-size: var(--adm-font-size-4);
    --indicator-margin-right: 0;
    --icon-size: 4.8vw;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%
}

.adm-steps-horizontal {
    -ms-flex-pack: distribute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-around;
    padding: 2.13333vw 0
}

.adm-steps-horizontal .adm-step {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.adm-steps-horizontal .adm-step .adm-step-indicator {
    height: 6.4vw;
    width: 100%
}

.adm-steps-horizontal .adm-step .adm-step-indicator:after {
    height: 2.6px;
    left: 50%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%
}

.adm-steps-horizontal .adm-step .adm-step-indicator .adm-step-icon-container {
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.adm-steps-horizontal .adm-step-content {
    font-size: var(--description-font-size);
    padding: .53333vw 2.13333vw 0;
    text-align: center
}

.adm-steps-horizontal .adm-step-content .adm-step-title {
    font-size: var(--title-font-size)
}

.adm-steps-horizontal .adm-step-content .adm-step-description {
    color: var(--adm-color-weak);
    margin-top: 1.06667vw
}

.adm-steps-vertical {
    padding: 2.13333vw 4.26667vw
}

.adm-steps-vertical .adm-step {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.adm-steps-vertical .adm-step .adm-step-indicator {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    margin-right: var(--indicator-margin-right);
    width: 6.4vw
}

.adm-steps-vertical .adm-step .adm-step-indicator:after {
    height: 100%;
    left: 50%;
    top: calc(var(--title-font-size)*1.5/2);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 2.6px
}

.adm-steps-vertical .adm-step .adm-step-indicator .adm-step-icon-container {
    left: 50%;
    top: calc(var(--title-font-size)*1.5/2);
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.adm-steps-vertical .adm-step:last-child .adm-step-content {
    padding-bottom: 0
}

.adm-steps-vertical .adm-step .adm-step-content {
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto;
    padding-bottom: 6.4vw
}

.adm-steps-vertical .adm-step .adm-step-content .adm-step-title {
    font-size: var(--title-font-size);
    line-height: 1.5
}

.adm-steps-vertical .adm-step .adm-step-content .adm-step-description {
    color: var(--adm-color-weak);
    font-size: var(--description-font-size);
    padding-top: 1.06667vw
}

.adm-step-icon-container {
    font-size: var(--icon-size)
}

.adm-step-icon-dot {
    background: currentColor;
    border-radius: 1.06667vw;
    display: block;
    height: 2.13333vw;
    width: 2.13333vw
}

.adm-swipe-action {
    --background: var(--adm-color-background);
    background: var(--background);
    cursor: -webkit-grab;
    cursor: grab;
    overflow: hidden;
    -ms-touch-action: pan-y;
    touch-action: pan-y
}

.adm-swipe-action-track {
    overflow: visible;
    position: relative
}

.adm-swipe-action-actions {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    position: absolute;
    white-space: nowrap;
    width: auto
}

.adm-swipe-action-actions-right {
    height: 100%;
    left: 100%;
    top: 0
}

.adm-swipe-action-actions-left {
    height: 100%;
    right: 100%;
    top: 0
}

.adm-swipe-action-action-button.adm-button {
    --border-radius: 0;
    --border-width: 0;
    --text-color: var(--adm-color-white);
    padding-left: 5.33333vw;
    padding-right: 5.33333vw
}

.adm-swiper {
    --height: auto;
    --width: 100%;
    --border-radius: 0;
    --track-padding: 0;
    --slide-size: 100%;
    --track-offset: 0%;
    border-radius: var(--border-radius);
    display: block;
    height: var(--height);
    overflow: hidden;
    position: relative;
    width: var(--width);
    z-index: 0
}

.adm-swiper-track {
    height: 100%;
    padding: var(--track-padding);
    white-space: nowrap;
    width: 100%
}

.adm-swiper-track-allow-touch-move {
    cursor: -webkit-grab;
    cursor: grab
}

.adm-swiper-track-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    height: 100%;
    overflow: visible;
    position: relative;
    width: 100%
}

.adm-swiper-slide {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    position: relative;
    white-space: unset
}

.adm-swiper-item,.adm-swiper-slide {
    display: block;
    height: 100%;
    width: 100%
}

.adm-swiper-item {
    white-space: normal
}

.adm-swiper-horizontal .adm-swiper-track-allow-touch-move {
    -ms-touch-action: pan-y;
    touch-action: pan-y
}

.adm-swiper-horizontal .adm-swiper-indicator {
    bottom: 1.6vw;
    left: 50%;
    position: absolute;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.adm-swiper-horizontal .adm-swiper-track {
    -webkit-transform: translateX(var(--track-offset));
    -ms-transform: translateX(var(--track-offset));
    transform: translateX(var(--track-offset))
}

.adm-swiper-horizontal .adm-swiper-track-inner {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    width: var(--slide-size)
}

.adm-swiper-vertical .adm-swiper-track-allow-touch-move {
    -ms-touch-action: pan-x;
    touch-action: pan-x
}

.adm-swiper-vertical .adm-swiper-indicator {
    position: absolute;
    right: 1.6vw;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.adm-swiper-vertical .adm-swiper-track {
    -webkit-transform: translateY(var(--track-offset));
    -ms-transform: translateY(var(--track-offset));
    transform: translateY(var(--track-offset))
}

.adm-swiper-vertical .adm-swiper-track-inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: var(--slide-size)
}

@-webkit-keyframes loading-rotate {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes loading-rotate {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.adm-switch {
    --checked-color: var(--adm-color-primary);
    --height: 8.26667vw;
    --width: 13.6vw;
    --border-width: 0.53333vw;
    -ms-flex-item-align: center;
    align-self: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    display: inline-block;
    position: relative;
    vertical-align: middle
}

.adm-switch input {
    display: none
}

.adm-switch-checkbox {
    background: var(--adm-color-border);
    border-radius: 8.26667vw;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: var(--height);
    line-height: var(--height);
    min-width: var(--width);
    overflow: hidden;
    z-index: 0
}

.adm-switch-checkbox:before {
    background: var(--adm-color-background);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    content: " ";
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    width: calc(100% - var(--border-width)*2);
    z-index: 1
}

.adm-switch-checkbox:before,.adm-switch-handle {
    border-radius: calc(var(--height) - var(--border-width)*2);
    height: calc(var(--height) - var(--border-width)*2);
    left: var(--border-width);
    position: absolute;
    top: var(--border-width);
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s
}

.adm-switch-handle {
    background: var(--adm-color-white);
    -webkit-box-shadow: 0 0 .53333vw 0 rgba(0,0,0,.2),0 .53333vw 3.06667vw 0 rgba(0,0,0,.08),-2.6px .53333vw .53333vw 0 rgba(0,0,0,.1);
    box-shadow: 0 0 .53333vw 0 rgba(0,0,0,.2),0 .53333vw 3.06667vw 0 rgba(0,0,0,.08),-2.6px .53333vw .53333vw 0 rgba(0,0,0,.1);
    width: calc(var(--height) - var(--border-width)*2);
    z-index: 2
}

.adm-switch-handle,.adm-switch-inner {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center
}

.adm-switch-inner {
    color: var(--adm-color-weak);
    font-size: var(--adm-font-size-7);
    height: 100%;
    margin: 0 2.13333vw 0 calc(var(--height) - var(--border-width) + 1.06667vw);
    position: relative;
    -webkit-transition: margin .2s;
    -o-transition: margin .2s;
    transition: margin .2s;
    z-index: 1
}

.adm-switch.adm-switch-checked .adm-switch-checkbox {
    background: var(--checked-color)
}

.adm-switch.adm-switch-checked .adm-switch-checkbox:before {
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0)
}

.adm-switch.adm-switch-checked .adm-switch-handle {
    left: calc(100% - var(--height) + var(--border-width))
}

.adm-switch.adm-switch-checked .adm-switch-inner {
    color: var(--adm-color-white);
    margin: 0 calc(var(--height) - var(--border-width) + 1.33333vw) 0 2.66667vw
}

.adm-switch.adm-switch-disabled {
    cursor: not-allowed;
    opacity: .4
}

.adm-switch-spin-icon {
    -webkit-animation: loading-rotate 1s linear infinite;
    animation: loading-rotate 1s linear infinite;
    height: 3.73333vw;
    width: 3.73333vw
}

.adm-tab-bar-wrap {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    justify-content: flex-start;
    min-height: 12.8vw;
    overflow: hidden
}

.adm-tab-bar-item,.adm-tab-bar-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.adm-tab-bar-item {
    -webkit-box-flex: 1;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    align-items: center;
    color: var(--adm-color-text-secondary);
    cursor: pointer;
    -ms-flex: 1;
    flex: 1;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-content: center;
    padding: 1.06667vw 2.13333vw;
    position: relative;
    white-space: nowrap;
    width: -webkit-min-content;
    width: -moz-min-content;
    width: min-content
}

.adm-tab-bar-item-icon {
    font-size: 6.4vw;
    height: 6.4vw;
    line-height: 1
}

.adm-tab-bar-item-title {
    font-size: var(--adm-font-size-2);
    line-height: 4vw
}

.adm-tab-bar-item-title-with-icon {
    margin-top: .53333vw
}

.adm-tab-bar-item-active {
    color: var(--adm-color-primary)
}

.adm-tab-bar-icon-badge {
    --top: 1.6vw
}

.adm-tab-bar-title-badge {
    --right: -0.53333vw;
    --top: -0.53333vw
}

.adm-tag {
    --border-radius: var(--adm-tag-border-radius,0.53333vw);
    background: var(--background-color);
    border: 2.6px solid var(--border-color);
    border-radius: var(--border-radius);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: var(--text-color);
    display: inline-block;
    font-size: var(--adm-font-size-3);
    font-weight: 400;
    line-height: 1;
    padding: .53333vw 1.06667vw;
    white-space: nowrap
}

.adm-tag-round {
    border-radius: 26.66667vw
}

.adm-toast-mask .adm-toast-wrap {
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%
}

.adm-toast-mask .adm-toast-main {
    background-color: rgba(0,0,0,.7);
    border-radius: 2.13333vw;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    display: inline-block;
    font-size: var(--adm-font-size-7);
    left: 50%;
    line-height: 1.5;
    max-height: 70%;
    max-width: 54.4vw;
    overflow: auto;
    pointer-events: all;
    position: relative;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    width: auto;
    word-break: break-all
}

.adm-toast-mask .adm-toast-main-text {
    min-width: 0;
    padding: 3.2vw
}

.adm-toast-mask .adm-toast-main-icon {
    min-width: 40vw;
    padding: 9.33333vw 3.2vw
}

.adm-toast-mask .adm-toast-main-icon .adm-toast-icon {
    font-size: 9.6vw;
    line-height: 1;
    margin-bottom: 2.13333vw;
    text-align: center
}

.adm-toast-loading {
    --size: 12.8vw;
    margin: 0 auto 2.13333vw
}

.adm-tree-select,.adm-tree-select-multiple {
    background-color: var(--adm-color-white);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: var(--adm-font-size-main);
    height: 100%
}

.adm-tree-select-column,.adm-tree-select-multiple-column {
    overflow-y: auto;
    transform: translateZ(0);
    -webkit-transform: translateZ(0)
}

.adm-tree-select-column:first-child,.adm-tree-select-multiple-column:first-child {
    background-color: var(--adm-color-box)
}

.adm-tree-select-column:nth-child(2),.adm-tree-select-multiple-column:nth-child(2) {
    background-color: #fafafa
}

.adm-tree-select-item,.adm-tree-select-multiple-item {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-height: 13.33333vw;
    padding: 1.6vw 3.2vw;
    position: relative
}

.adm-tree-select-item-active,.adm-tree-select-multiple-item-expand {
    background-color: #fff;
    color: var(--adm-color-primary);
    font-weight: 700
}

.adm-tree-select-multiple-item-checkbox {
    margin-right: 2.13333vw
}

.adm-tree-select-multiple-dot {
    background: var(--adm-color-primary);
    border-radius: .8vw;
    height: 1.6vw;
    margin-top: -.8vw;
    position: absolute;
    right: 2.13333vw;
    top: 50%;
    width: 1.6vw
}

.adm-virtual-input {
    --font-size: var(--adm-font-size-9);
    --color: var(--adm-color-text);
    --placeholder-color: var(--adm-color-light);
    --disabled-color: var(--adm-color-weak);
    --text-align: left;
    --caret-width: var(--adm-virtual-input-caret-width,0.53333vw);
    --caret-color: var(--adm-virtual-input-caret-color,var(--adm-color-primary));
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: var(--color);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: var(--font-size);
    justify-content: flex-start;
    line-height: 1.5;
    position: relative;
    text-align: var(--text-align);
    white-space: nowrap
}

.adm-virtual-input>* {
    vertical-align: top
}

.adm-virtual-input-content {
    -webkit-box-flex: 1;
    display: inline-block;
    -ms-flex: auto;
    flex: auto;
    max-width: 100%;
    overflow-x: scroll;
    overflow-y: hidden;
    position: relative;
    scrollbar-width: none;
    width: 100%;
    z-index: 1
}

.adm-virtual-input-content::-webkit-scrollbar {
    display: none
}

.adm-virtual-input-placeholder {
    color: var(--placeholder-color);
    display: block;
    left: 0;
    overflow: hidden;
    position: absolute;
    text-align: var(--text-align);
    top: 0;
    width: 100%;
    z-index: 0
}

.adm-virtual-input-caret-container {
    display: inline-block;
    height: 1.3em;
    margin-right: 2.6px;
    vertical-align: top;
    width: var(--caret-width)
}

.adm-virtual-input-caret {
    background-color: var(--caret-color);
    height: 100%;
    position: relative;
    top: 5%;
    width: 100%
}

.adm-virtual-input:focus {
    outline: none
}

.adm-virtual-input:focus .adm-virtual-input-caret {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: adm-caret-blink;
    animation-name: adm-caret-blink;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    display: block
}

.adm-virtual-input-disabled {
    color: var(--disabled-color)
}

@-webkit-keyframes adm-caret-blink {
    0% {
        opacity: 1
    }

    60% {
        opacity: 1
    }

    80% {
        opacity: 0
    }

    to {
        opacity: 0
    }
}

@keyframes adm-caret-blink {
    0% {
        opacity: 1
    }

    60% {
        opacity: 1
    }

    80% {
        opacity: 0
    }

    to {
        opacity: 0
    }
}

.adm-virtual-input-clear {
    -webkit-box-flex: 0;
    color: var(--placeholder-color);
    cursor: pointer;
    -ms-flex: none;
    flex: none;
    margin-left: 2.13333vw;
    padding: .8vw
}

.adm-virtual-input-clear .antd-mobile-icon {
    display: block;
    font-size: var(--adm-font-size-6)
}

.adm-water-mark {
    --z-index: var(--adm-water-mark-z-index,2000);
    background-repeat: repeat;
    bottom: 0;
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    z-index: var(--z-index)
}

.adm-water-mark-full-page {
    position: fixed
}

.adm-footer {
    --background-color: var(--adm-color-background);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: var(--background-color);
    color: var(--adm-color-text);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.adm-footer-label {
    width: 100%
}

.adm-footer-label .adm-divider.adm-divider {
    color: var(--adm-color-light)
}

.adm-footer-links {
    color: var(--adm-color-primary);
    margin: 2.13333vw 0;
    white-space: nowrap
}

.adm-footer-links a {
    text-decoration: none
}

.adm-footer-content {
    color: var(--adm-color-light)
}

.adm-footer-chips,.adm-footer-content {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 2.13333vw 0
}

.adm-footer-chip,.adm-footer-chips {
    white-space: nowrap
}

.adm-footer-chip {
    background-color: var(--adm-color-box);
    border-radius: 26.66667vw;
    color: var(--adm-color-weak);
    font-size: 3.2vw;
    margin-right: 5.33333vw;
    padding: 1.06667vw 3.2vw
}

.adm-footer-chip-link {
    background-color: #e7f1ff;
    color: var(--adm-color-primary);
    cursor: pointer
}

.adm-footer-chip:last-child {
    margin-right: 0
}

:root {
    --adm-radius-s: 1.06667vw;
    --adm-radius-m: 2.13333vw;
    --adm-radius-l: 3.2vw;
    --adm-font-size-1: 2.4vw;
    --adm-font-size-2: 2.66667vw;
    --adm-font-size-3: 2.93333vw;
    --adm-font-size-4: 3.2vw;
    --adm-font-size-5: 3.46667vw;
    --adm-font-size-6: 3.73333vw;
    --adm-font-size-7: 4vw;
    --adm-font-size-8: 4.26667vw;
    --adm-font-size-9: 4.53333vw;
    --adm-font-size-10: 4.8vw;
    --adm-color-primary: #1677ff;
    --adm-color-success: #00b578;
    --adm-color-warning: #ff8f1f;
    --adm-color-danger: #ff3141;
    --adm-color-yellow: #ff9f18;
    --adm-color-orange: #ff6430;
    --adm-color-wathet: #e7f1ff;
    --adm-color-text: #333;
    --adm-color-text-secondary: #666;
    --adm-color-weak: #999;
    --adm-color-light: #ccc;
    --adm-color-border: #eee;
    --adm-color-background: #fff;
    --adm-color-highlight: var(--adm-color-danger);
    --adm-color-white: #fff;
    --adm-color-box: #f5f5f5;
    --adm-color-text-light-solid: var(--adm-color-white);
    --adm-color-text-dark-solid: #000;
    --adm-color-fill-content: var(--adm-color-box);
    --adm-font-size-main: var(--adm-font-size-5);
    --adm-font-family: -apple-system,blinkmacsystemfont,"Helvetica Neue",helvetica,segoe ui,arial,roboto,"PingFang SC","miui","Hiragino Sans GB","Microsoft Yahei",sans-serif;
    --adm-border-color: var(--adm-color-border)
}

html[data-prefers-color-scheme=dark] {
    --adm-color-primary: #3086ff;
    --adm-color-success: #34b368;
    --adm-color-warning: #ffa930;
    --adm-color-danger: #ff4a58;
    --adm-color-yellow: #ffa930;
    --adm-color-orange: #e65a2b;
    --adm-color-wathet: #0d2543;
    --adm-color-text: #e6e6e6;
    --adm-color-text-secondary: #b3b3b3;
    --adm-color-weak: grey;
    --adm-color-light: #4d4d4d;
    --adm-color-border: #2b2b2b;
    --adm-color-box: #0a0a0a;
    --adm-color-background: #1a1a1a;
    --adm-color-background-body: var(--adm-color-background);
    --adm-border-color: var(--adm-color-border)
}

:root {
    -webkit-tap-highlight-color: rgba(0,0,0,0)
}

html {
    background-color: var(--adm-color-background-body)
}

body {
    color: #333;
    color: var(--adm-color-text);
    font-family: -apple-system,blinkmacsystemfont,Helvetica Neue,helvetica,segoe ui,arial,roboto,PingFang SC,miui,Hiragino Sans GB,Microsoft Yahei,sans-serif;
    font-family: var(--adm-font-family);
    font-size: 33.800000000000004px;
    font-size: var(--adm-font-size-main)
}

a,button {
    cursor: pointer
}

a {
    color: #1677ff;
    color: var(--adm-color-primary);
    -webkit-transition: opacity .2s ease-in-out;
    -o-transition: opacity .2s ease-in-out;
    transition: opacity .2s ease-in-out
}

a:active {
    opacity: .8
}

.adm-plain-anchor {
    color: unset;
    -webkit-transition: none;
    -o-transition: none;
    transition: none
}

.adm-plain-anchor:active {
    opacity: unset
}

body.adm-overflow-hidden {
    overflow: hidden!important
}

div.adm-px-tester {
    --size: 1;
    height: calc(var(--size)/2*.53333vw);
    left: -100vw;
    pointer-events: none;
    position: fixed;
    top: -100vh;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 0
}

.adm-divider-horizontal {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-color: var(--adm-color-border);
    border-style: solid;
    border-width: 0;
    color: var(--adm-color-weak);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 3.73333vw;
    margin: 4.26667vw 0
}

.adm-divider-left.adm-divider-horizontal:before,.adm-divider-right.adm-divider-horizontal:after {
    max-width: 10%
}

.adm-divider-horizontal:after,.adm-divider-horizontal:before {
    -webkit-box-flex: 1;
    border-color: inherit;
    border-style: inherit;
    border-width: 2.6px 0 0;
    content: "";
    display: block;
    -ms-flex: auto;
    flex: auto
}

.adm-divider-horizontal .adm-divider-content {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    padding: 0 4.26667vw
}

.adm-divider-vertical {
    border-left: 2.6px solid var(--adm-color-border);
    border-top: 0;
    display: inline-block;
    height: .9em;
    margin: 0 4.26667vw;
    position: relative;
    top: -.06em;
    vertical-align: middle
}

.adm-image-viewer-content {
    height: 100vh;
    -ms-touch-action: none;
    touch-action: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100vw
}

.adm-image-viewer-footer {
    bottom: 0;
    position: absolute;
    width: 100%;
    z-index: 1
}

.adm-image-viewer-slides {
    cursor: -webkit-grab;
    cursor: grab;
    height: 100%;
    position: relative;
    -ms-touch-action: none;
    touch-action: none;
    z-index: 1
}

.adm-image-viewer-slides-inner {
    height: 100%;
    white-space: nowrap
}

.adm-image-viewer-slides-inner>* {
    margin-right: 4.26667vw
}

.adm-image-viewer-slide {
    display: inline-block;
    height: 100%;
    position: relative;
    width: 100%
}

.adm-image-viewer-control {
    cursor: -webkit-grab;
    cursor: grab;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    -ms-touch-action: none;
    touch-action: none;
    width: 100%;
    z-index: 1
}

.adm-image-viewer-image-wrapper {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    justify-content: center;
    width: 100%
}

.adm-image-viewer-image-wrapper img {
    display: block;
    max-height: 100%;
    max-width: 100%
}

.adm-image-viewer-indicator {
    color: var(--adm-color-border);
    font-size: var(--adm-font-size-6);
    left: 50%;
    position: absolute;
    top: 3.2vw;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 2
}

.adm-mask {
    --z-index: var(--adm-mask-z-index,1000);
    display: block;
    position: fixed;
    z-index: var(--z-index)
}

.adm-mask,.adm-mask-aria-button {
    height: 100%;
    left: 0;
    top: 0;
    width: 100%
}

.adm-mask-aria-button {
    pointer-events: none;
    position: absolute;
    z-index: 0
}

.adm-mask-content {
    z-index: 1
}

.adm-safe-area {
    --multiple: var(--adm-safe-area-multiple,1);
    display: block;
    width: 100%
}

.adm-safe-area-position-top {
    padding-top: calc(env(safe-area-inset-top)*var(--multiple))
}

.adm-safe-area-position-bottom {
    padding-bottom: calc(env(safe-area-inset-bottom)*var(--multiple))
}

.adm-popup {
    --z-index: var(--adm-popup-z-index,1000);
    position: fixed;
    z-index: var(--z-index)
}

.adm-popup-body {
    background-color: var(--adm-color-background);
    position: fixed;
    z-index: calc(var(--z-index) + 10)
}

.adm-popup-body .adm-popup-close-icon {
    position: absolute;
    z-index: 100
}

.adm-popup-body-position-bottom {
    bottom: 0;
    left: 0;
    width: 100%
}

.adm-popup-body-position-bottom .adm-popup-close-icon {
    right: 2.13333vw;
    top: 2.13333vw
}

.adm-popup-body-position-top {
    left: 0;
    top: 0;
    width: 100%
}

.adm-popup-body-position-top .adm-popup-close-icon {
    bottom: 2.13333vw;
    right: 2.13333vw
}

.adm-popup-body-position-left {
    height: 100%;
    left: 0;
    top: 0
}

.adm-popup-body-position-left .adm-popup-close-icon {
    right: 2.13333vw;
    top: 2.13333vw
}

.adm-popup-body-position-right {
    height: 100%;
    right: 0;
    top: 0
}

.adm-popup-body-position-right .adm-popup-close-icon {
    left: 2.13333vw;
    top: 2.13333vw
}

.adm-popup-close-icon {
    color: var(--adm-color-weak);
    cursor: pointer;
    font-size: 4.8vw;
    line-height: 1;
    padding: 1.06667vw
}

.adm-spin-loading {
    --color: var(--adm-color-weak);
    --size: 8.53333vw;
    height: var(--size);
    width: var(--size)
}

.adm-spin-loading-svg {
    -webkit-animation: adm-spin-loading-rotate .8s linear infinite;
    animation: adm-spin-loading-rotate .8s linear infinite;
    height: 100%;
    width: 100%
}

.adm-spin-loading-svg>.adm-spin-loading-fill {
    stroke: var(--color)
}

@-webkit-keyframes adm-spin-loading-rotate {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes adm-spin-loading-rotate {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.adm-text-area {
    --font-size: var(--adm-font-size-9);
    --color: var(--adm-color-text);
    --placeholder-color: var(--adm-color-light);
    --disabled-color: var(--adm-color-weak);
    --text-align: left;
    --count-text-align: right;
    position: relative
}

.adm-text-area,.adm-text-area-element {
    max-height: 100%;
    max-width: 100%;
    width: 100%
}

.adm-text-area-element {
    -webkit-box-flex: 1;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: transparent;
    border: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: var(--color);
    display: block;
    -ms-flex: auto;
    flex: auto;
    font-family: var(--adm-font-family);
    font-size: var(--font-size);
    line-height: 1.5;
    margin: 0;
    min-height: 1.5em;
    outline: none;
    padding: 0;
    resize: none;
    text-align: var(--text-align)
}

.adm-text-area-element::-webkit-input-placeholder {
    color: var(--placeholder-color);
    font-family: inherit
}

.adm-text-area-element::-moz-placeholder {
    color: var(--placeholder-color);
    font-family: inherit
}

.adm-text-area-element:-ms-input-placeholder {
    color: var(--placeholder-color);
    font-family: inherit
}

.adm-text-area-element::-ms-input-placeholder {
    color: var(--placeholder-color);
    font-family: inherit
}

.adm-text-area-element::placeholder {
    color: var(--placeholder-color);
    font-family: inherit
}

.adm-text-area-element:-webkit-autofill {
    background-color: transparent
}

.adm-text-area-element:disabled {
    -webkit-text-fill-color: var(--disabled-color);
    color: var(--disabled-color);
    cursor: not-allowed;
    opacity: 1
}

.adm-text-area-element:-moz-read-only {
    cursor: default
}

.adm-text-area-element:read-only {
    cursor: default
}

.adm-text-area-element:invalid {
    -webkit-box-shadow: none;
    box-shadow: none
}

.adm-text-area-element::-ms-clear {
    display: none
}

.adm-text-area-element[readonly] {
    pointer-events: none
}

.adm-text-area-element-hidden {
    left: 0;
    position: absolute;
    top: 0;
    visibility: hidden;
    z-index: -1000
}

.adm-text-area-count {
    color: var(--adm-color-weak);
    font-size: var(--adm-font-size-9);
    padding-top: 2.13333vw;
    text-align: var(--count-text-align)
}

.hupu-modal {
    position: relative
}

.hupu-modal:not(.hupu-modal-transparent):not(.hupu-modal-popup) {
    height: 100%;
    width: 100%
}

.hupu-modal-mask {
    background-color: rgba(0,0,0,.4);
    bottom: 0;
    height: 100%;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 999
}

.hupu-modal-mask-hidden {
    display: none
}

.hupu-modal-wrap {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-overflow-scrolling: touch;
    align-items: center;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0;
    outline: 0;
    overflow: auto;
    position: fixed;
    right: 0;
    top: 0;
    -webkit-transform: translateZ(2.6px);
    transform: translateZ(2.6px);
    z-index: 999
}

.hupu-modal-wrap-popup {
    display: block
}

.hupu-modal-transparent {
    width: 72vw
}

.hupu-modal-transparent .hupu-modal-content {
    border-radius: 1.86667vw;
    padding-top: 4vw
}

.hupu-modal-transparent .hupu-modal-content .hupu-modal-body {
    padding: 0 4vw 4vw
}

.hupu-modal-popup {
    left: 0;
    position: fixed;
    width: 100%
}

.hupu-modal-popup-slide-down {
    top: 0
}

.hupu-modal-popup-slide-up {
    bottom: 0
}

.hupu-modal-popup .hupu-modal-content {
    padding-bottom: env(safe-area-inset-bottom)
}

.hupu-modal-title {
    color: #000;
    font-size: 4.8vw;
    line-height: 1;
    margin: 0;
    text-align: center
}

.hupu-modal-header {
    padding: 1.6vw 4vw 4vw
}

.hupu-modal-content {
    background-clip: padding-box;
    background-color: #fff;
    border: 0;
    height: 100%;
    overflow: hidden;
    position: relative;
    text-align: center
}

.hupu-modal-close {
    background-color: transparent;
    border: 0;
    height: 5.6vw;
    outline: none;
    padding: 0;
    position: absolute;
    right: 4vw;
    width: 5.6vw;
    z-index: 999
}

.hupu-modal-close-x {
    background-repeat: no-repeat;
    background-size: cover;
    display: inline-block;
    height: 4vw;
    width: 4vw
}

.hupu-modal-body {
    color: #888;
    font-size: 4vw;
    height: 100%;
    line-height: 1.5;
    overflow: auto
}

.hupu-modal {
    --primary_font-family: PingFangSC-Regular,PingFang SC;
    width: 78.66667vw
}

.hupu-modal.hupu-modal-only-title .hupu-modal-content {
    padding-top: 8vw
}

.hupu-modal.hupu-modal-only-title .hupu-modal-content .hupu-modal-header {
    padding-bottom: 6.4vw
}

.hupu-modal.hupu-modal-only-title .hupu-modal-body {
    display: none
}

.hupu-modal.hupu-modal-transparent {
    width: 78.7vw
}

.hupu-modal.hupu-modal-transparent .hupu-modal-content .hupu-modal-body {
    padding-bottom: 6.4vw;
    padding-left: 5.33333vw;
    padding-right: 5.33333vw
}

.hupu-modal .hupu-modal-content {
    background-color: var(--bg);
    border-radius: .53333vw;
    padding-top: 6.4vw;
    width: 100%
}

.hupu-modal .hupu-modal-content .hupu-modal-header {
    padding: 0 2.93333vw 3.2vw
}

.hupu-modal .hupu-modal-content .hupu-modal-header .hupu-modal-title {
    color: var(--primary_text);
    font-size: var(--hupu_font_size_title2);
    font-weight: 500;
    line-height: 6.4vw
}

.hupu-modal .hupu-modal-body {
    padding-bottom: 6.4vw
}

.hupu-modal .hupu-modal-body .hupu-modal-alert-content {
    color: var(--secondary_text);
    font-family: var(--primary_font-family);
    font-size: var(--hupu_font_size_body2);
    font-weight: 400;
    line-height: 5.86667vw
}

.hupu-modal .hupu-modal-footer {
    height: 12.26667vw
}

.hupu-modal .hupu-modal-footer .hupu-modal-button-group-h,.hupu-modal .hupu-modal-footer .hupu-modal-button-group-v {
    height: 100%
}

.hupu-modal .hupu-modal-footer .hupu-modal-button-group-h .hupu-modal-button,.hupu-modal .hupu-modal-footer .hupu-modal-button-group-v .hupu-modal-button {
    font-size: 4.26667vw;
    line-height: 6.4vw;
    padding: 2.93333vw 4.26667vw
}

.hupu-modal .hupu-modal-footer .hupu-modal-button-group-h .hupu-modal-button:first-child,.hupu-modal .hupu-modal-footer .hupu-modal-button-group-v .hupu-modal-button:first-child {
    color: var(--primary_text);
    font-family: var(--secondary_font-family);
    font-weight: 400
}

.hupu-modal .hupu-modal-footer .hupu-modal-button-group-h .hupu-modal-button:nth-child(2),.hupu-modal .hupu-modal-footer .hupu-modal-button-group-v .hupu-modal-button:nth-child(2) {
    color: var(--primary_button);
    font-weight: 500
}

.hupu-modal .hupu-modal-footer .hupu-modal-button-group-v .hupu-modal-button:first-child {
    color: var(--primary_button);
    font-family: var(--secondary_font-family);
    font-weight: 500
}

.hupu-modal-button-group-h {
    border-top: 2.6px solid var(--line);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative
}

@media (-o-min-device-pixel-ratio: 2/1),(-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx) {
    html:not([data-scale]) .hupu-modal-button-group-h {
        border-top:none
    }

    html:not([data-scale]) .hupu-modal-button-group-h:before {
        background-color: var(--line);
        bottom: auto;
        content: "";
        display: block;
        height: 2.6px;
        left: 0;
        position: absolute;
        right: auto;
        top: 0;
        -webkit-transform: scaleY(.5);
        -ms-transform: scaleY(.5);
        transform: scaleY(.5);
        -webkit-transform-origin: 50% 50%;
        -ms-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        width: 100%;
        z-index: 1
    }
}

@media (-o-min-device-pixel-ratio: 2/1) and (-o-min-device-pixel-ratio:3/1),(-webkit-min-device-pixel-ratio:2) and (-webkit-min-device-pixel-ratio:3),(min-resolution:2dppx) and (min-resolution:3dppx) {
    html:not([data-scale]) .hupu-modal-button-group-h:before {
        -webkit-transform:scaleY(.33);
        -ms-transform: scaleY(.33);
        transform: scaleY(.33)
    }
}

.hupu-modal-button-group-h .hupu-modal-button {
    -webkit-touch-callout: none;
    -webkit-box-flex: 1;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #108ee9;
    display: block;
    -ms-flex: 1;
    flex: 1;
    font-size: 4.8vw;
    height: 13.33333vw;
    line-height: 13.33333vw;
    outline: none;
    overflow: hidden;
    text-align: center;
    text-decoration: none;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: auto
}

.hupu-modal-button-group-h .hupu-modal-button:first-child {
    color: #000
}

.hupu-modal-button-group-h .hupu-modal-button:last-child {
    border-left: 2.6px solid var(--line);
    position: relative
}

@media (-o-min-device-pixel-ratio: 2/1),(-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx) {
    html:not([data-scale]) .hupu-modal-button-group-h .hupu-modal-button:last-child {
        border-left:none
    }

    html:not([data-scale]) .hupu-modal-button-group-h .hupu-modal-button:last-child:before {
        background-color: var(--line);
        bottom: auto;
        content: "";
        display: block;
        height: 100%;
        left: 0;
        position: absolute;
        right: auto;
        top: 0;
        -webkit-transform: scaleX(.5);
        -ms-transform: scaleX(.5);
        transform: scaleX(.5);
        -webkit-transform-origin: 100% 50%;
        -ms-transform-origin: 100% 50%;
        transform-origin: 100% 50%;
        width: 2.6px;
        z-index: 1
    }
}

@media (-o-min-device-pixel-ratio: 2/1) and (-o-min-device-pixel-ratio:3/1),(-webkit-min-device-pixel-ratio:2) and (-webkit-min-device-pixel-ratio:3),(min-resolution:2dppx) and (min-resolution:3dppx) {
    html:not([data-scale]) .hupu-modal-button-group-h .hupu-modal-button:last-child:before {
        -webkit-transform:scaleX(.33);
        -ms-transform: scaleX(.33);
        transform: scaleX(.33)
    }
}

.hupu-modal-button-group-v .hupu-modal-button {
    -webkit-touch-callout: none;
    border-top: 2.6px solid var(--line);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #108ee9;
    display: block;
    font-size: 4.8vw;
    height: 13.33333vw;
    line-height: 13.33333vw;
    outline: none;
    overflow: hidden;
    position: relative;
    text-align: center;
    text-decoration: none;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: auto
}

@media (-o-min-device-pixel-ratio: 2/1),(-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx) {
    html:not([data-scale]) .hupu-modal-button-group-v .hupu-modal-button {
        border-top:none
    }

    html:not([data-scale]) .hupu-modal-button-group-v .hupu-modal-button:before {
        background-color: var(--line);
        bottom: auto;
        content: "";
        display: block;
        height: 2.6px;
        left: 0;
        position: absolute;
        right: auto;
        top: 0;
        -webkit-transform: scaleY(.5);
        -ms-transform: scaleY(.5);
        transform: scaleY(.5);
        -webkit-transform-origin: 50% 50%;
        -ms-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        width: 100%;
        z-index: 1
    }
}

@media (-o-min-device-pixel-ratio: 2/1) and (-o-min-device-pixel-ratio:3/1),(-webkit-min-device-pixel-ratio:2) and (-webkit-min-device-pixel-ratio:3),(min-resolution:2dppx) and (min-resolution:3dppx) {
    html:not([data-scale]) .hupu-modal-button-group-v .hupu-modal-button:before {
        -webkit-transform:scaleY(.33);
        -ms-transform: scaleY(.33);
        transform: scaleY(.33)
    }
}

.hupu-modal-button-active,.hupu-modal-button-active:active {
    background-color: #ddd
}

.hupu-modal-input-container {
    border: 2.6px solid #ddd;
    border-radius: .8vw;
    margin-top: 2.4vw
}

@media (-o-min-device-pixel-ratio: 2/1),(-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx) {
    html:not([data-scale]) .hupu-modal-input-container {
        border:none;
        position: relative
    }

    html:not([data-scale]) .hupu-modal-input-container:before {
        border: 2.6px solid #ddd;
        border-radius: 1.6vw;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        content: "";
        height: 200%;
        left: 0;
        pointer-events: none;
        position: absolute;
        top: 0;
        -webkit-transform: scale(.5);
        -ms-transform: scale(.5);
        transform: scale(.5);
        -webkit-transform-origin: 0 0;
        -ms-transform-origin: 0 0;
        transform-origin: 0 0;
        width: 200%
    }
}

.hupu-modal-input {
    height: 9.6vw;
    line-height: 1
}

.hupu-modal-input:nth-child(2) {
    border-top: 2.6px solid #ddd;
    position: relative
}

@media (-o-min-device-pixel-ratio: 2/1),(-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx) {
    html:not([data-scale]) .hupu-modal-input:nth-child(2) {
        border-top:none
    }

    html:not([data-scale]) .hupu-modal-input:nth-child(2):before {
        background-color: #ddd;
        bottom: auto;
        content: "";
        display: block;
        height: 2.6px;
        left: 0;
        position: absolute;
        right: auto;
        top: 0;
        -webkit-transform: scaleY(.5);
        -ms-transform: scaleY(.5);
        transform: scaleY(.5);
        -webkit-transform-origin: 50% 50%;
        -ms-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        width: 100%;
        z-index: 1
    }
}

@media (-o-min-device-pixel-ratio: 2/1) and (-o-min-device-pixel-ratio:3/1),(-webkit-min-device-pixel-ratio:2) and (-webkit-min-device-pixel-ratio:3),(min-resolution:2dppx) and (min-resolution:3dppx) {
    html:not([data-scale]) .hupu-modal-input:nth-child(2):before {
        -webkit-transform:scaleY(.33);
        -ms-transform: scaleY(.33);
        transform: scaleY(.33)
    }
}

.hupu-modal-input input {
    border: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 9.06667vw;
    margin: 0;
    position: relative;
    top: 2.6px;
    width: 98%
}

.hupu-modal-input input:-ms-input-placeholder {
    color: #ccc;
    font-size: 3.73333vw;
    padding-left: 2.13333vw
}

.hupu-modal-input input::-webkit-input-placeholder {
    color: #ccc;
    font-size: 3.73333vw;
    padding-left: 2.13333vw
}

.hupu-modal-input input::-moz-placeholder {
    color: #ccc;
    font-size: 3.73333vw;
    padding-left: 2.13333vw
}

.hupu-modal-input input::-ms-input-placeholder {
    color: #ccc;
    font-size: 3.73333vw;
    padding-left: 2.13333vw
}

.hupu-modal-input input::placeholder {
    color: #ccc;
    font-size: 3.73333vw;
    padding-left: 2.13333vw
}

.hupu-modal.hupu-modal-transparent.hupu-modal-android .hupu-modal-content {
    border-radius: 0
}

.hupu-modal.hupu-modal-transparent.hupu-modal-android .hupu-modal-content .hupu-modal-header {
    padding: 2.4vw 6.4vw 3.2vw
}

.hupu-modal.hupu-modal-transparent.hupu-modal-android .hupu-modal-content .hupu-modal-header .hupu-modal-title {
    color: #000;
    font-size: 5.6vw;
    text-align: left
}

.hupu-modal.hupu-modal-transparent.hupu-modal-android .hupu-modal-content .hupu-modal-body {
    color: #000;
    padding: 0 6.4vw 4vw;
    text-align: left
}

.hupu-modal.hupu-modal-transparent.hupu-modal-android .hupu-modal-content .hupu-modal-body .hupu-modal-input-container {
    border: 0;
    border-bottom: 2.6px solid #ddd
}

.hupu-modal.hupu-modal-transparent.hupu-modal-android .hupu-modal-content .hupu-modal-body .hupu-modal-input-container:before {
    display: none!important
}

@media (-o-min-device-pixel-ratio: 2/1),(-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx) {
    html:not([data-scale]) .hupu-modal.hupu-modal-transparent.hupu-modal-android .hupu-modal-content .hupu-modal-body .hupu-modal-input-container {
        border-bottom:none
    }

    html:not([data-scale]) .hupu-modal.hupu-modal-transparent.hupu-modal-android .hupu-modal-content .hupu-modal-body .hupu-modal-input-container:after {
        background-color: #ddd;
        bottom: 0;
        content: "";
        display: block;
        height: 2.6px;
        left: 0;
        position: absolute;
        right: auto;
        top: auto;
        -webkit-transform: scaleY(.5);
        -ms-transform: scaleY(.5);
        transform: scaleY(.5);
        -webkit-transform-origin: 50% 100%;
        -ms-transform-origin: 50% 100%;
        transform-origin: 50% 100%;
        width: 100%;
        z-index: 1
    }
}

@media (-o-min-device-pixel-ratio: 2/1) and (-o-min-device-pixel-ratio:3/1),(-webkit-min-device-pixel-ratio:2) and (-webkit-min-device-pixel-ratio:3),(min-resolution:2dppx) and (min-resolution:3dppx) {
    html:not([data-scale]) .hupu-modal.hupu-modal-transparent.hupu-modal-android .hupu-modal-content .hupu-modal-body .hupu-modal-input-container:after {
        -webkit-transform:scaleY(.33);
        -ms-transform: scaleY(.33);
        transform: scaleY(.33)
    }
}

.hupu-modal.hupu-modal-transparent.hupu-modal-android .hupu-modal-content .hupu-modal-body .hupu-modal-input-container .hupu-modal-input:first-child {
    border-top: 0
}

.hupu-modal.hupu-modal-transparent.hupu-modal-android .hupu-modal-content .hupu-modal-body .hupu-modal-input-container .hupu-modal-input:first-child:before {
    display: none!important
}

.hupu-modal.hupu-modal-transparent.hupu-modal-android .hupu-modal-content .hupu-modal-footer {
    padding-bottom: 3.2vw
}

.hupu-modal.hupu-modal-transparent.hupu-modal-android .hupu-modal-content .hupu-modal-footer .hupu-modal-button-group-h {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    border-top: 0;
    justify-content: flex-end;
    overflow: hidden;
    padding: 0 3.2vw
}

.hupu-modal.hupu-modal-transparent.hupu-modal-android .hupu-modal-content .hupu-modal-footer .hupu-modal-button-group-h:before {
    display: none!important
}

.hupu-modal.hupu-modal-transparent.hupu-modal-android .hupu-modal-content .hupu-modal-footer .hupu-modal-button-group-h .hupu-modal-button {
    -webkit-box-flex: initial;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex: initial;
    flex: initial;
    height: 12.8vw;
    margin-left: .8vw;
    padding: 0 4vw
}

.hupu-modal.hupu-modal-transparent.hupu-modal-android .hupu-modal-content .hupu-modal-footer .hupu-modal-button-group-h .hupu-modal-button:first-child {
    color: #777
}

.hupu-modal.hupu-modal-transparent.hupu-modal-android .hupu-modal-content .hupu-modal-footer .hupu-modal-button-group-h .hupu-modal-button:last-child {
    border-left: 0
}

.hupu-modal.hupu-modal-transparent.hupu-modal-android .hupu-modal-content .hupu-modal-footer .hupu-modal-button-group-h .hupu-modal-button:last-child:before {
    display: none!important
}

.hupu-modal.hupu-modal-transparent.hupu-modal-android .hupu-modal-content .hupu-modal-footer .hupu-modal-button-group-v.hupu-modal-button-group-normal {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: flex-end;
    overflow: hidden;
    padding: 0 3.2vw
}

.hupu-modal.hupu-modal-transparent.hupu-modal-android .hupu-modal-content .hupu-modal-footer .hupu-modal-button-group-v.hupu-modal-button-group-normal .hupu-modal-button {
    border-top: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 12.8vw;
    margin-left: .8vw;
    padding: 0 4vw
}

.hupu-modal.hupu-modal-transparent.hupu-modal-android .hupu-modal-content .hupu-modal-footer .hupu-modal-button-group-v.hupu-modal-button-group-normal .hupu-modal-button:before {
    display: none!important
}

[dir=ltr] .hupu-modal.hupu-modal-transparent.hupu-modal-android .hupu-modal-content .hupu-modal-footer .hupu-modal-button-group-operation .hupu-modal-button {
    text-align: left
}

[dir=rtl] .hupu-modal.hupu-modal-transparent.hupu-modal-android .hupu-modal-content .hupu-modal-footer .hupu-modal-button-group-operation .hupu-modal-button {
    text-align: right
}

.hupu-modal.hupu-modal-transparent.hupu-modal-android .hupu-modal-content .hupu-modal-footer .hupu-modal-button-group-operation .hupu-modal-button {
    padding-left: 4vw
}

.hupu-modal.hupu-modal-operation .hupu-modal-content {
    border-radius: 1.86667vw;
    height: auto;
    padding-top: 0
}

.hupu-modal.hupu-modal-operation .hupu-modal-content .hupu-modal-body {
    padding: 0!important
}

.hupu-modal.hupu-modal-operation .hupu-modal-content .hupu-modal-button {
    color: #000;
    padding-left: 4vw;
    text-align: left
}

.hupu-modal-alert-content,.hupu-modal-propmt-content {
    zoom:1;overflow: hidden
}

.wx-open-launch-app {
    height: 100%;
    left: 0;
    opacity: 1;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 99999
}

.wx-open-launch-app-wrapper {
    display: inline-block;
    position: relative
}

.score-card {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    background: var(--label_bg1_op5);
    border-radius: .53333vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 29.86667vw;
    justify-content: space-between;
    padding: 3.2vw
}

.score-card.isParent {
    background: rgba(0,0,0,.16)
}

.score-card.hideScore {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: auto
}

.score-card-left {
    -webkit-box-flex: 17.06667vw;
    -ms-flex: 17.06667vw 0 0px;
    flex: 17.06667vw 0 0;
    width: 17.06667vw
}

.score-card-left-logoWrap {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.score-card-left-logoWrap.hideScore {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.score-card-left-logo {
    background: var(--logo_bg);
    background-size: contain;
    height: 4.26667vw;
    width: 8.8vw
}

.score-card-left-logo.isParent {
    background: url(https://activity-static.hoopchina.com.cn/images/23822-trr1pbrc-upload-1692708493481-6.png) 0 0/contain no-repeat
}

.score-card-left-logo.hideScore {
    background: var(--logo_bg_hide);
    height: 6.13333vw;
    width: 18.66667vw
}

.score-card-left-logo.hideScore.isParent {
    background: url(https://activity-static.hoopchina.com.cn/images/2425-b1xce6rc-upload-1707119678703-4.png) 0 0/contain no-repeat
}

.score-card-left-infoIcon {
    margin-bottom: .53333vw;
    margin-left: .53333vw
}

.score-card-left-top {
    color: var(--score-color);
    font-family: hupufont-Medium;
    font-size: var(--hupu_font_size_score);
    font-size: 7.2vw;
    line-height: 10.13333vw;
    line-height: 9.06667vw
}

.score-card-left-top.isParent {
    color: #0edff9
}

.score-card-left-bottom {
    color: #89909f;
    font-family: hupufont-Regular;
    font-size: 2.4vw;
    line-height: 2.66667vw;
    margin-top: .53333vw;
    -webkit-transform: scale(.9);
    -ms-transform: scale(.9);
    transform: scale(.9);
    -webkit-transform-origin: left;
    -ms-transform-origin: left;
    transform-origin: left;
    white-space: nowrap
}

.score-card-left-bottom.isParent {
    color: var(--secondarywhite_text)
}

.score-card-left-addon {
    color: var(--secondary_text);
    font-size: var(--secondary_text);
    font-size: var(--hupu_font_size_callout);
    line-height: 4.53333vw;
    margin-top: 2.26667vw
}

.score-card-left-addon.isParent {
    color: var(--white_text)
}

.score-card-right {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    -webkit-box-align: end;
    -ms-flex-align: end;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: flex-end;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    flex-grow: 1;
    justify-content: center
}

.score-card-right .statistics-item-bar {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 42.66667vw;
    flex: 0 1 42.66667vw;
    width: 42.66667vw
}

.score-card-right .statistics-item-bar-inner {
    background-color: var(--score-color)
}

.score-card-right-top {
    color: var(--white_text);
    font-size: 2.93333vw;
    line-height: 3.2vw;
    text-align: right
}

.score-card-right-bottom {
    margin-top: 1.06667vw;
    padding-right: 4.26667vw
}

.score-card-right-bottom.hideScore {
    margin-top: 0;
    padding-right: 0
}

.score-card-right-bottom .icon {
    height: 6.4vw;
    width: 6.4vw
}

.score-card-rate-stars .icon,.score-card-right .fufu-rate img {
    margin-left: 2.13333vw
}

.score-card-rate-stars .icon:first-child {
    -webkit-animation: shrink9 .5s cubic-bezier(0,.41,.45,1) .86s 1;
    animation: shrink9 .5s cubic-bezier(0,.41,.45,1) .86s 1;
    margin-left: 0
}

.score-card-rate-stars .icon:nth-child(2) {
    -webkit-animation: shrink9 .5s cubic-bezier(0,.41,.45,1) .92s 1;
    animation: shrink9 .5s cubic-bezier(0,.41,.45,1) .92s 1
}

.score-card-rate-stars .icon:nth-child(3) {
    -webkit-animation: shrink9 .5s cubic-bezier(0,.41,.45,1) .98s 1;
    animation: shrink9 .5s cubic-bezier(0,.41,.45,1) .98s 1
}

.score-card-rate-stars .icon:nth-child(4) {
    -webkit-animation: shrink9 .5s cubic-bezier(0,.41,.45,1) 1.04s 1;
    animation: shrink9 .5s cubic-bezier(0,.41,.45,1) 1.04s 1
}

.score-card-rate-stars .icon:nth-child(5) {
    -webkit-animation: shrink9 .5s cubic-bezier(0,.41,.45,1) 1.1s 1;
    animation: shrink9 .5s cubic-bezier(0,.41,.45,1) 1.1s 1
}

@-webkit-keyframes shrink9 {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    50% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes shrink9 {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    50% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.information-module__hupu-regular-font--KWcbj {
    font-family: hupufont-Regular,PingFangSC-Regular,PingFang SC,Helvetica Neue,Helvetica,STHeiTi,Oxygen,Ubuntu,Cantarell,sans-serif
}

.information-module__hupu-medium-font--KE7t5 {
    font-family: hupufont-Medium,PingFangSC-Medium,PingFang SC,Helvetica Neue,Helvetica,STHeiTi,Oxygen,Ubuntu,Cantarell,sans-serif
}

.information-module__hupu-font-score--pA1SN {
    font-size: var(--hupu_font_size_score);
    line-height: 10.13333vw
}

.information-module__hupu-font-statement--sC6yR {
    font-size: var(--hupu_font_size_statement);
    line-height: 8vw
}

.information-module__hupu-font-title1--LuQDd {
    font-size: var(--hupu_font_size_title1);
    line-height: 6.93333vw
}

.information-module__hupu-font-tab1--Tvawh {
    font-size: var(--hupu_font_size_tab1);
    line-height: 6.4vw
}

.information-module__hupu-font-title2--bMfen {
    font-size: var(--hupu_font_size_title2);
    line-height: 6.4vw
}

.information-module__hupu-font-body1--eWixa {
    font-size: var(--hupu_font_size_body1);
    line-height: 7.46667vw
}

.information-module__hupu-font-title3--Q3Qv9 {
    font-size: var(--hupu_font_size_title3);
    line-height: 4.8vw
}

.information-module__hupu-font-body2--hqX4c {
    font-size: var(--hupu_font_size_body2);
    line-height: 5.86667vw
}

.information-module__hupu-font-body3--LlJlC {
    font-size: var(--hupu_font_size_body3);
    line-height: 8.53333vw
}

.information-module__hupu-font-body4--DtTax {
    font-size: var(--hupu_font_size_body4);
    line-height: 9.6vw
}

.information-module__hupu-font-body5--iyMK7 {
    font-size: var(--hupu_font_size_body5);
    line-height: 7.73333vw
}

.information-module__hupu-font-callout--uDY2f {
    font-size: var(--hupu_font_size_callout);
    line-height: 4.53333vw
}

.information-module__hupu-font-footnote--c3qkF {
    font-size: 2.93333vw;
    line-height: 3.2vw
}

.information-module__hupu-font-footnote2--YME_V {
    font-size: 2.4vw;
    line-height: 2.66667vw
}

.information-module__hupu-font-dangerous-footnote--upfVQ {
    font-size: 5.86667vw;
    line-height: 6.4vw;
    -webkit-transform: scale(.5);
    -ms-transform: scale(.5);
    transform: scale(.5)
}

.information-module__hupu-font-dangerous-footnote2--ZBynK {
    font-size: 4.8vw;
    line-height: 5.33333vw;
    -webkit-transform: scale(.5);
    -ms-transform: scale(.5);
    transform: scale(.5)
}

.information-module__ellipsis-oneLine--WYAC1 {
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap
}

body {
    --tag3_op5: rgba(0,164,184,.5);
    --chart2_op5: rgba(83,208,254,.5)
}

body[hupu-ui-theme=dark] {
    --tag3_op5: rgba(77,191,205,.5);
    --chart2_op5: rgba(83,208,254,.5)
}

.information-module__icon--fefyN {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 2.93333vw;
    height: 2.93333vw;
    justify-content: center;
    width: 2.93333vw
}

.information-module__middle--n6Kv7 {
    font-size: 4.26667vw;
    height: 4.26667vw;
    width: 4.26667vw
}

.fufu-rate {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between
}

.fufu-rate>img {
    -o-object-fit: contain;
    object-fit: contain;
    width: 4.8vw
}

.basic-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 4vw 4.26667vw 0
}

.basic-info .pic {
    position: relative
}

.basic-info .pic .gif-icon {
    background: #24262b;
    border-radius: .53333vw;
    bottom: 1.06667vw;
    color: #fff;
    font-size: 2.93333vw;
    height: 4vw;
    line-height: 4vw;
    opacity: .8;
    position: absolute;
    right: 1.06667vw;
    text-align: center;
    width: 6.66667vw
}

.basic-info .pic .video-icon-mask {
    background: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0)),to(#000));
    background: -o-linear-gradient(top,rgba(0,0,0,0) 0,#000 100%);
    background: linear-gradient(180deg,rgba(0,0,0,0),#000);
    border-radius: .53333vw;
    bottom: 0;
    height: 10.66667vw;
    opacity: .7;
    position: absolute;
    right: 0;
    width: 100%
}

.basic-info .pic .video-icon {
    bottom: .53333vw;
    color: var(--white_text);
    font-family: hupufont-Regular,sans-serif;
    font-size: 2.93333vw;
    font-weight: 400;
    height: 3.2vw;
    line-height: 3.2vw;
    position: absolute;
    right: .53333vw;
    z-index: 1
}

.basic-info .pic .video-icon:before {
    border-bottom: 2.13333vw solid transparent;
    border-left: 3.2vw solid var(--white_text);
    border-top: 2.13333vw solid transparent;
    bottom: 2.13333vw;
    content: "";
    position: absolute;
    right: 2.13333vw;
    z-index: 1
}

.basic-info-photo {
    -ms-flex-negative: 0;
    border-radius: 1.06667vw;
    flex-shrink: 0;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: top;
    object-position: top
}

.basic-info-photo.pic-1x1 {
    height: 24vw!important;
    width: 24vw!important
}

.basic-info-photo.pic-1x2 {
    height: 29.6vw!important;
    width: 21.33333vw!important
}

.basic-info-photo-wrap {
    position: relative
}

.basic-info-photo-mini {
    border: 2.6px solid var(--bg_card);
    border-radius: .53333vw;
    bottom: -1.06667vw;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 7.2vw;
    -o-object-fit: contain;
    object-fit: contain;
    position: absolute;
    right: -1.06667vw;
    width: 7.2vw
}

.basic-info-right {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    overflow: hidden;
    padding-left: 2.66667vw
}

.basic-info-right,.basic-info-right .name {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.basic-info-right .name {
    color: var(--primary_text);
    font-size: var(--hupu_font_size_tab1);
    font-weight: 600;
    line-height: 6.4vw
}

.basic-info-right .name.isParent {
    color: var(--white_text)
}

.basic-info-right .name .img_wrapper {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 6.4vw
}

.basic-info-right .name .img_wrapper>img {
    height: 5.6vw;
    margin-right: 1.06667vw;
    -o-object-fit: contain;
    object-fit: contain;
    width: 5.6vw
}

.basic-info-right .name .name_text {
    line-height: 6.4vw;
    word-break: break-word
}

.basic-info-right .name .name_text.w186 {
    max-width: 49.6vw
}

.basic-info-right .name .name_text.line2 {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    display: -webkit-box;
    overflow: hidden
}

.basic-info-right .jump-icon {
    font-size: 4.26667vw;
    height: 4.8vw;
    line-height: 4.8vw;
    margin-left: .53333vw;
    width: 4.26667vw
}

.basic-info-right .jump-icon-wrap {
    display: inline-block;
    height: 5.33333vw;
    position: relative;
    width: 4.26667vw
}

.basic-info-right .desc {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    color: var(--primary_text);
    display: -webkit-box;
    font-size: var(--hupu_font_size_callout);
    font-weight: 400;
    line-height: 4.53333vw;
    opacity: .6;
    overflow: hidden
}

.basic-info-right .desc.isParent {
    color: var(--secondarywhite_text)
}

.basic-info-right .desc-wrapper.line2 .desc {
    -webkit-line-clamp: 2
}

.basic-info-right .desc-wrapper.line2 .desc-all {
    top: 4.26667vw
}

.basic-info-right .desc-wrapper {
    margin-top: 2.13333vw;
    overflow: hidden;
    position: relative
}

.basic-info-right .desc-all {
    color: var(--score-color);
    font-size: 3.2vw;
    height: 4.53333vw;
    line-height: 4.53333vw;
    position: absolute;
    right: 0;
    text-align: right;
    top: 0;
    width: 10.66667vw
}

.basic-info-right .desc-all.isParent {
    background: -webkit-gradient(linear,left top,right top,from(var(--bg_all_start)),color-stop(30%,var(--bg_all_end)),to(var(--bg_all_end)))!important;
    background: -o-linear-gradient(left,var(--bg_all_start),var(--bg_all_end) 30%,var(--bg_all_end))!important;
    background: linear-gradient(to right,var(--bg_all_start),var(--bg_all_end) 30%,var(--bg_all_end))!important
}

.basic-info-right .desc-all.isParentColor {
    color: #0edff9
}

.basic-info-right .base-creator {
    color: #fff;
    margin-top: 3.2vw
}

.basic-info-right .labels {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 3.2vw;
    width: 100%
}

.basic-info-right .desc-wrapper {
    margin-top: 3.2vw;
    padding-left: 0
}

.basic-info-right .links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 3.2vw;
    overflow: hidden;
    width: 100%
}

.basic-info-right .links:empty {
    margin-top: 0
}

.basic-info-right .links .btn {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #fdefe5;
    border: none;
    border-radius: .53333vw;
    color: #672707;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 2.4vw;
    font-size: 2.93333vw;
    font-weight: 400;
    line-height: 2.66667vw;
    line-height: 4.26667vw;
    margin-right: 1.06667vw;
    max-width: 28.8vw;
    overflow: hidden;
    padding: .53333vw 1.06667vw
}

.basic-info-right .links .btn.isParent {
    background-color: rgba(0,0,0,.16);
    color: #fbdb58
}

.basic-info-right .links .btn span {
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap
}

.basic-info-right .links .btn .icon {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    height: 1.86667vw;
    margin-left: .53333vw;
    width: 1.86667vw
}

.basic-info-right .video {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: var(--tertiary_text);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-family: hupufont-Regular,sans-serif;
    font-size: 3.2vw;
    gap: 1.06667vw;
    height: 4.53333vw;
    line-height: 4.53333vw;
    margin-top: 2.13333vw
}

.basic-info-right .video-img {
    height: 3.2vw;
    width: 3.2vw
}

.basic-info .pic-1x1 {
    height: 21.33333vw;
    width: 21.33333vw
}

.basic-info .pic-1x2 {
    height: 29.6vw;
    width: 21.33333vw
}

.basic-info-bgImg {
    -webkit-box-flex: 1;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1;
    flex: 1;
    justify-content: flex-end
}

.basic-info-adPic {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    height: 13.33333vw;
    -o-object-fit: contain!important;
    object-fit: contain!important;
    width: 18.66667vw
}

.basic-info-modal {
    background-color: rgba(0,0,0,.5);
    display: none;
    height: 100vh;
    left: 0;
    position: fixed;
    top: 0;
    width: 100vw;
    z-index: 99999999999
}

.basic-info-modal.showAll {
    display: block
}

.basic-info-modal-content {
    background-color: var(--bg_card);
    background-image: url(https://w1.hoopchina.com.cn/games/static/bbs-genericscore-opg/bg_day.3f0bb537.png);
    background-position-y: top;
    background-repeat: no-repeat;
    background-size: 100%;
    border-radius: 1.06667vw;
    bottom: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: -webkit-min-content;
    height: -moz-min-content;
    height: min-content;
    left: 0;
    margin: auto;
    padding: 6.4vw;
    position: absolute;
    right: 0;
    top: 0;
    width: 91.46667vw
}

.basic-info-modal-content-name {
    color: var(--primary_text);
    font-size: 4.8vw;
    font-weight: 500;
    line-height: 6.4vw
}

.basic-info-modal-content-desc {
    color: var(--tertiary_text);
    font-size: 3.73333vw;
    font-weight: 400;
    line-height: 5.86667vw;
    margin-top: 4.26667vw
}

.desc {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    color: var(--primary_text);
    display: -webkit-box;
    font-size: var(--hupu_font_size_callout);
    font-weight: 400;
    line-height: 4.53333vw;
    opacity: .6;
    overflow: hidden
}

.desc-mb-8 {
    margin-bottom: 2.13333vw
}

.desc.isParent {
    color: var(--secondarywhite_text)
}

.desc-wrapper {
    margin-top: 3.2vw;
    overflow: hidden;
    padding: 0 4.26667vw;
    position: relative
}

.desc-all {
    color: var(--score-color);
    font-size: 3.2vw;
    height: 4.53333vw;
    line-height: 4.53333vw;
    position: absolute;
    right: 4.26667vw;
    text-align: right;
    top: 0;
    width: 10.66667vw
}

.desc-all.isParent {
    background: -webkit-gradient(linear,left top,right top,from(var(--bg_all_start)),color-stop(30%,var(--bg_all_end)),to(var(--bg_all_end)))!important;
    background: -o-linear-gradient(left,var(--bg_all_start),var(--bg_all_end) 30%,var(--bg_all_end))!important;
    background: linear-gradient(to right,var(--bg_all_start),var(--bg_all_end) 30%,var(--bg_all_end))!important
}

.desc-all.isParentColor {
    color: #0edff9
}

.base-info-wating-audit {
    margin: 4.26667vw 0 2.13333vw
}

.score-group {
    background-color: var(--bg_card);
    border: 2.6px solid var(--line);
    border-radius: 1.06667vw;
    padding: 3.2vw;
    position: relative;
    -webkit-transition: height .2s;
    -o-transition: height .2s;
    transition: height .2s;
    width: 100%
}

.score-group-works {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between
}

.score-group-img {
    -ms-flex-negative: 0;
    border-radius: .53333vw;
    flex-shrink: 0;
    -o-object-fit: cover;
    object-fit: cover
}

.score-group-img-inner {
    position: relative
}

.score-group-img-mini {
    border: 2.6px solid var(--bg_card);
    border-radius: .53333vw;
    bottom: -.8vw;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 7.2vw;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    right: -.8vw;
    width: 7.2vw
}

.score-group-object {
    -webkit-box-flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1;
    flex: 1
}

.score-group-object .pic-1x1 {
    height: 16.53333vw;
    width: 16.53333vw
}

.score-group-object .pic-1x2 {
    height: 22.4vw;
    width: 16.53333vw
}

.score-group-img-wrap {
    position: relative
}

.score-group-gif-icon {
    background: #24262b;
    border-radius: .53333vw;
    bottom: 1.06667vw;
    color: #fff;
    font-size: 2.93333vw;
    height: 4vw;
    line-height: 4vw;
    opacity: .8;
    position: absolute;
    right: 1.06667vw;
    text-align: center;
    width: 6.66667vw
}

.score-group-video-icon-mask {
    background: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0)),to(#000));
    background: -o-linear-gradient(top,rgba(0,0,0,0) 0,#000 100%);
    background: linear-gradient(180deg,rgba(0,0,0,0),#000);
    border-radius: .53333vw;
    bottom: 0;
    height: 10.66667vw;
    opacity: .7;
    position: absolute;
    right: 0;
    width: 100%
}

.score-group-video-icon {
    bottom: .53333vw;
    color: var(--white_text);
    font-family: hupufont-Regular,sans-serif;
    font-size: 2.93333vw;
    font-weight: 400;
    height: 3.2vw;
    line-height: 3.2vw;
    position: absolute;
    right: .53333vw;
    z-index: 1
}

.score-group-video-icon:before {
    border-bottom: 1.6vw solid transparent;
    border-left: 2.4vw solid var(--white_text);
    border-top: 1.6vw solid transparent;
    bottom: 1.06667vw;
    content: "";
    position: absolute;
    right: 1.06667vw;
    z-index: 1
}

.score-group-info {
    margin-left: 2.13333vw;
    overflow: hidden
}

.score-group-info-title {
    color: var(--primary_text);
    font-size: var(--hupu_font_size_title3);
    font-weight: 600;
    line-height: 4.8vw;
    line-height: 1.2;
    word-break: break-word!important
}

.score-group-info-desc {
    color: var(--tertiary_text);
    font-family: Helvetica,serif;
    font-size: 2.93333vw;
    line-height: 3.2vw;
    line-height: 4.26667vw;
    margin-top: 1.06667vw
}

.score-group-info-title {
    -webkit-line-clamp: 2
}

.score-group-info-desc,.score-group-info-title {
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    display: -webkit-box;
    max-width: 38.66667vw;
    overflow: hidden;
    white-space: normal;
    word-break: break-all
}

.score-group-info-desc {
    -webkit-line-clamp: 1
}

.score-group-info-video {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: var(--tertiary_text);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-family: hupufont-Regular,sans-serif;
    font-size: 2.93333vw;
    font-weight: 400;
    gap: 1.06667vw;
    height: 4vw;
    line-height: 4vw;
    margin-top: 1.06667vw
}

.score-group-info-video-img {
    height: 3.2vw;
    width: 3.2vw
}

.score-group-info-label {
    margin-top: 2.13333vw
}

.score-group-info-label,.score-group-info-label-item {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.score-group-info-label-item {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    font-size: 3.2vw;
    height: 5.33333vw;
    line-height: 4vw;
    margin-left: 1.06667vw;
    padding: 2.6px 1.06667vw
}

.score-group-info-label-item:first-of-type {
    margin-left: 0
}

.score-group-info-label-item.isParent {
    background-color: rgba(0,0,0,.2);
    color: var(--secondarywhite_text)
}

.score-group-info-label-item.isMatch {
    font-size: 2.93333vw;
    height: 4.26667vw
}

.score-group-score {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.score-group-score-score {
    color: var(--score-color);
    font-family: hupufont-Medium;
    font-size: var(--hupu_font_size_statement);
    line-height: 8vw;
    margin-top: 1.06667vw;
    text-align: right
}

.score-group-score-num {
    color: var(--tertiary_text);
    font-family: hupufont-Regular;
    font-size: 3.2vw;
    margin-top: .53333vw;
    text-align: right;
    -webkit-transform: scale(.75);
    -ms-transform: scale(.75);
    transform: scale(.75);
    -webkit-transform-origin: right;
    -ms-transform-origin: right;
    transform-origin: right
}

.score-group-score .fufu-rate {
    margin-top: -.8vw
}

.score-group-score .fufu-rate .icon {
    height: 5.86667vw;
    width: 5.86667vw
}

.score-group-share-wrap {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    min-height: 4.26667vw
}

.score-group-noscore-title,.score-group-share-wrap {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.score-group-noscore-title {
    color: var(--primary_text);
    font-size: var(--hupu_font_size_tab1);
    line-height: 6.4vw
}

.score-group-noscore-title .icon {
    font-size: 4.26667vw;
    margin-left: 1.06667vw
}

.score-group-noscore-desc {
    color: var(--tertiary_text);
    font-size: 2.93333vw;
    line-height: 3.2vw;
    margin-top: 2.13333vw;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap
}

.score-group-input {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-animation: fade-in .3s forwards;
    animation: fade-in .3s forwards;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 3.2vw;
    opacity: 0;
    width: 100%
}

.score-group-input.notHot {
    margin-top: -6.4vw
}

.score-group-input img {
    border-radius: 50%;
    height: 6.4vw;
    margin-right: 2.13333vw;
    width: 6.4vw
}

.score-group-input-box {
    -webkit-box-flex: 1;
    background-image: -webkit-gradient(linear,left top,right top,from(var(--bg_data)),to(var(--bg_card)));
    background-image: -o-linear-gradient(left,var(--bg_data),var(--bg_card));
    background-image: linear-gradient(to right,var(--bg_data),var(--bg_card));
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: var(--tertiary_text);
    -ms-flex: 1;
    flex: 1;
    font-size: var(--hupu_font_size_callout);
    height: 6.4vw;
    line-height: 4.53333vw;
    overflow: hidden;
    padding: 1.33333vw 2.13333vw;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap
}

.score-group-sub {
    margin-top: 4.26667vw
}

.score-group-sub-list {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.score-group-sub-item {
    width: 14.4vw
}

.score-group-sub-item-img {
    position: relative;
    width: 100%
}

.score-group-sub-item-img img {
    border: 2.6px solid var(--line);
    border-radius: .8vw;
    height: 100%;
    width: 100%
}

.score-group-sub-item-score {
    background-color: var(--score-color);
    border-radius: .53333vw;
    bottom: 1.06667vw;
    color: var(--white_text);
    font-family: hupufont-Medium;
    font-size: var(--hupu_font_size_callout);
    line-height: 4.53333vw;
    padding: 2.6px 1.33333vw;
    position: absolute;
    right: 1.06667vw
}

.score-group-sub-item+.score-group-sub-item {
    margin-left: 2.13333vw
}

.score-group-sub-item-name {
    color: var(--primary_text);
    font-size: 2.93333vw;
    line-height: 3.2vw;
    margin-top: 2.13333vw;
    overflow: hidden;
    text-align: center;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap
}

.score-group-sub-item .pic_1x1 {
    height: 14.4vw;
    width: 14.4vw
}

.score-group-sub-item .pic_1x2 {
    height: 20vw;
    width: 14.4vw
}

.score-group-comment {
    background-image: -webkit-gradient(linear,left top,right top,from(var(--label_bg4_op6)),to(var(--label_bg4_op0)));
    background-image: -o-linear-gradient(left,var(--label_bg4_op6),var(--label_bg4_op0));
    background-image: linear-gradient(to right,var(--label_bg4_op6),var(--label_bg4_op0));
    border-radius: .53333vw;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: var(--chart3);
    display: inline-block;
    height: 6.4vw;
    max-width: 90%;
    padding: 1.06667vw 2.13333vw;
    position: relative
}

.score-group-comment,.score-group-comment>span {
    font-size: var(--hupu_font_size_callout);
    line-height: 4.53333vw
}

.score-group-comment>span {
    display: block;
    font-family: PingFangSC-Regular,PingFang SC,Helvetica Neue,Helvetica,STHeiTi,Oxygen,Ubuntu,Cantarell,sans-serif;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap
}

.score-group-comment-emj {
    height: 4.53333vw;
    vertical-align: bottom;
    width: 4.53333vw
}

.score-group-comment:before {
    border-bottom: 1.06667vw solid var(--label_bg4);
    border-left: 1.06667vw solid var(--label_bg4);
    border-right: 1.06667vw solid transparent;
    border-top: 1.06667vw solid transparent;
    content: "";
    display: none;
    height: 0;
    left: 6.4vw;
    position: absolute;
    top: -1.86667vw;
    width: 0
}

.score-group .mt-4 {
    margin-top: 1.06667vw
}

.score-group .mt-12 {
    margin-top: 3.2vw
}

.score-group-not-comment {
    background: -webkit-gradient(linear,left top,right top,from(var(--bg_data)),to(var(--bg_card)));
    background: -o-linear-gradient(left,var(--bg_data),var(--bg_card));
    background: linear-gradient(to right,var(--bg_data),var(--bg_card));
    color: var(--tertiary_text)
}

.score-group-not-comment:before {
    border-bottom-color: var(--bg_data);
    border-left-color: var(--bg_data)
}

.share-icon {
    color: var(--tertiary_text);
    margin-top: 3.2vw;
    position: relative;
    z-index: 1
}

.score-group-has-sub-nodes .pic-1x1 {
    height: 14.4vw;
    width: 14.4vw
}

.score-group-has-sub-nodes .pic-1x2 {
    height: 20vw;
    width: 14.4vw
}

.score-group-has-sub-nodes .parent.pic-1x1 {
    height: 16.53333vw;
    width: 16.53333vw
}

.score-group-has-sub-nodes .score-group-img.parent.pic-1x2 {
    height: 22.4vw;
    width: 16.53333vw
}

.cancel-score-btn {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    color: var(--primary_text);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-family: PingFangSC,PingFang SC;
    font-size: 4.26667vw;
    font-weight: 500;
    height: 13.33333vw;
    justify-content: center;
    line-height: 6.4vw;
    width: 100%
}

.cancel-score-btn-line {
    background-color: var(--line);
    height: 2.6px;
    width: 100%
}

.cancel-score-pop .adm-popup-body {
    background-color: var(--bg)
}

.no-select {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

@-webkit-keyframes fade-in {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fade-in {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.football-label,.football-label-wrap {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.football-label-wrap {
    background: var(--bg_data);
    border-radius: .53333vw;
    height: 5.33333vw;
    margin-right: 1.06667vw;
    padding: 0 1.06667vw
}

.football-label-wrap.isMatch {
    height: 4.26667vw
}

.football-label-icon {
    height: 3.73333vw;
    width: 3.73333vw
}

.football-label-icon.isMatch {
    height: 3.2vw;
    width: 3.2vw
}

.football-label-value {
    color: var(--primary_text);
    font-size: 3.2vw;
    font-weight: 400;
    line-height: 3.2vw;
    margin-left: 1.06667vw
}

.football-label-value.isMatch {
    color: var(--tertiary_text);
    font-size: 2.93333vw;
    margin-left: .53333vw
}

.football-label-line {
    background: var(--primary_text);
    height: 3.2vw;
    margin: 0 1.06667vw;
    opacity: .2;
    width: 2.6px
}

.football-label-line.isMatch {
    height: 2.4vw
}

.baseInfo-author {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: center;
    color: var(--primary_text);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    font-size: var(--hupu_font_size_callout);
    justify-content: flex-start;
    line-height: 4.53333vw;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap
}

.baseInfo-author img {
    border-radius: 50%;
    height: 4.26667vw;
    margin-right: 1.06667vw;
    width: 4.26667vw
}

.baseInfo-author-wrapper {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    background: var(--button_mask);
    border-radius: 2.13333vw 2.13333vw 0 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 13.33333vw;
    justify-content: space-between;
    margin-bottom: -4.8vw;
    opacity: .9;
    padding: 2.13333vw 4.26667vw;
    width: 100%
}

.wating-audit {
    color: #fff;
    font-size: var(--hupu_font_size_callout);
    font-weight: 400;
    height: 4.53333vw;
    line-height: 4.53333vw;
    opacity: .3;
    position: relative;
    text-align: center;
    width: 100%
}

.wating-audit:before {
    left: 16.53333vw
}

.wating-audit:after,.wating-audit:before {
    background: #fff;
    border-radius: .53333vw;
    content: "";
    height: 2.6px;
    position: absolute;
    top: 50%;
    width: 8.53333vw
}

.wating-audit:after {
    right: 16.53333vw
}

.h-scroll-container-header {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    padding: 0 4.26667vw
}

.h-scroll-container-title {
    color: var(--primary_text);
    font-family: PingFangSC-Semibold,PingFang SC;
    font-size: 4.26667vw;
    font-weight: 600;
    line-height: 6.4vw
}

.h-scroll-container-title.isParent {
    color: var(--white_text)
}

.h-scroll-container-action {
    color: var(--tertiary_text);
    font-size: var(--hupu_font_size_callout);
    line-height: 4.53333vw
}

.h-scroll-container-action.isParent {
    color: var(--secondarywhite_text)
}

.h-scroll-container-action .icon {
    margin-left: .53333vw
}

.h-scroll-container-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-bottom: 2.13333vw;
    white-space: nowrap
}

.h-scroll-container-content {
    display: inline-block
}

.relevant-score {
    margin-top: 4.26667vw
}

.relevant-score-list {
    margin-top: 3.2vw
}

.relevant-score-list-item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    margin-left: 2.13333vw
}

.relevant-score-list-item.pic_1x1 {
    width: 19.73333vw
}

.relevant-score-list-item.pic_1x2 {
    width: 18.66667vw
}

.relevant-score-list-item-img {
    position: relative
}

.relevant-score-list-item-img .pic_1x1 {
    height: 19.73333vw;
    width: 19.73333vw
}

.relevant-score-list-item-img .pic_1x2 {
    height: 26.13333vw;
    width: 18.66667vw
}

.relevant-score-list-item-img img {
    border-radius: .8vw
}

.relevant-score-list-item-score {
    background-color: var(--score-color);
    border-radius: .53333vw;
    bottom: 1.06667vw;
    color: var(--white_text);
    font-family: hupufont-Medium;
    font-size: var(--hupu_font_size_callout);
    line-height: 4.53333vw;
    padding: 2.6px 1.06667vw;
    position: absolute;
    right: 1.06667vw
}

.relevant-score-list-item-title {
    color: var(--primary_text);
    font-size: var(--hupu_font_size_callout);
    line-height: 4.53333vw;
    margin-top: 1.06667vw;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.relevant-score-list-item-title.isParent {
    color: var(--white_text)
}

.relevant-score-list-item:first-child {
    margin-left: 4.26667vw
}

.relevant-score-list-item:last-child {
    margin-right: 4.26667vw
}

.relevant-score-list-all {
    color: var(--secondarywhite_text);
    font-size: var(--hupu_font_size_callout);
    text-align: center
}

.header.flex-start {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.header.flex-between {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.header {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-size: 100% auto;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 11.73333vw;
    padding: 11.73333vw 4.26667vw 0;
    position: relative
}

.header .left {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    text-align: left;
    width: 8vw;
    z-index: 1001
}

.header .left-content {
    display: inline-block;
    position: relative
}

.header .left-content .icon {
    color: var(--white_text);
    width: 4.8vw
}

.header .left span {
    color: var(--white_text);
    font-family: hupufont-Medium,PingFangSC-Medium,PingFang SC,Helvetica Neue,Helvetica,STHeiTi,Oxygen,Ubuntu,Cantarell,sans-serif;
    font-size: 4.26667vw;
    line-height: 7.46667vw
}

.header .middle .match-header {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    width: 47.46667vw
}

.header .middle .match-header img {
    border-radius: 50%;
    height: 6.93333vw;
    width: 6.93333vw
}

.header .middle .match-header span,.header .middle .match-header strong {
    -webkit-box-flex: 12.8vw;
    color: var(--white_text);
    display: block;
    -ms-flex: 12.8vw 0 0px;
    flex: 12.8vw 0 0;
    font-family: hupufont-Regular,PingFangSC-Regular,PingFang SC,Helvetica Neue,Helvetica,STHeiTi,Oxygen,Ubuntu,Cantarell,sans-serif;
    font-size: var(--hupu_font_size_title2);
    font-weight: 500;
    line-height: 6.4vw;
    text-align: center
}

.header .middle .match-header span.lose,.header .middle .match-header strong.lose {
    opacity: .6
}

.header .middle .match-header strong {
    -webkit-box-flex: 4.26667vw;
    -ms-flex: 4.26667vw 0 0px;
    flex: 4.26667vw 0 0;
    font-size: 4.8vw
}

.header .middle .match-header-score {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center
}

.header .middle .match-header-score-wrap {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.header .middle .match-header-bo {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: var(--secondary_text);
    font-size: 2.93333vw;
    line-height: 3.2vw;
    margin: 0 auto;
    overflow: hidden;
    padding: 0 1.06667vw;
    text-align: center;
    white-space: nowrap;
    width: 33.6vw
}

.header .middle-title {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    color: var(--white_text);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    font-family: hupufont-Medium,PingFangSC-Medium,PingFang SC,Helvetica Neue,Helvetica,STHeiTi,Oxygen,Ubuntu,Cantarell,sans-serif;
    font-size: 4.26667vw;
    font-size: var(--hupu_font_size_title2);
    justify-content: center;
    line-height: 6.4vw
}

.header .middle-title .icon {
    margin-left: 1.06667vw
}

.header .middle .overlay {
    display: none
}

.header .middle.layout-left {
    max-width: 46.93333vw
}

.header .middle.layout-left .middle-title {
    display: -webkit-box;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.header .middle.layout-center {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    left: 50%;
    position: absolute;
    top: calc(50% + 4.8vw);
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    width: 100%;
    z-index: 1000
}

.header .middle.layout-center .middle-content {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center
}

.header .middle.layout-center .middle-title {
    max-width: 37.33333vw
}

.header .middle.layout-normal {
    left: 50%;
    position: absolute;
    top: calc(50% + 4.8vw);
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.header .middle.layout-normal .middle-content {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center
}

.header .middle.layout-normal .middle-title {
    max-width: 37.33333vw
}

.header .middle.layout-top {
    top: calc(50% + 1.5vw)
}

.header .right {
    margin-left: 6vw;
    text-align: right;
    z-index: 1001
}

.header .right-content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-flex: 1;
    align-items: center;
    color: var(--white_text);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex: 1;
    flex: 1;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-content: center;
    margin-left: 5.33333vw;
    position: relative;
    text-align: right
}

.header .right-content .more-icon {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.header .right-content:first-child {
    margin-left: 0
}

.header .right .icon {
    height: 4.8vw;
    width: 4.8vw
}

.header .right .text {
    font-family: hupufont-Regular,PingFangSC-Regular,PingFang SC,Helvetica Neue,Helvetica,STHeiTi,Oxygen,Ubuntu,Cantarell,sans-serif;
    font-size: 2.93333vw;
    line-height: 3.2vw;
    margin-top: .53333vw
}

.header .right-more {
    color: var(--white_text);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    z-index: 1001
}

.header .right-more .search-icon {
    margin-right: 4.8vw;
    position: relative
}

.header .right-more .search-icon:before {
    bottom: -2.66667vw;
    content: "";
    left: -2.66667vw;
    position: absolute;
    right: -2.66667vw;
    top: -2.66667vw
}

.header .right-more .more-icon {
    position: relative
}

.header .right-more .more-icon:before {
    bottom: -2.66667vw;
    content: "";
    left: -2.66667vw;
    position: absolute;
    right: -2.66667vw;
    top: -2.66667vw
}

.header .right-fixed {
    position: absolute;
    right: 4.93333vw
}

.header .left-content:before,.header .right-content:before {
    bottom: -2.66667vw;
    content: "";
    left: -2.66667vw;
    position: absolute;
    right: -2.66667vw;
    top: -2.66667vw
}

.header-wrap {
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 99999
}

.header.out {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-top: 4.26667vw
}

.header.out .middle {
    -webkit-box-flex: 0;
    -ms-flex: 0;
    flex: 0;
    white-space: nowrap
}

.hupu-top-banner img {
    width: 100%
}

.confirm-delete-modal .hupu-modal-content .hupu-modal-title {
    font-weight: 400!important
}

.confirm-delete-modal .hupu-modal-content .hupu-modal-button {
    color: var(--primary_text)!important;
    font-weight: 500!important
}

.fufu-post-top-download {
    display: block;
    height: 13vw;
    width: 100vw
}

.fufu-post-top-download img {
    height: 100%;
    width: 100%
}

.relevant-thread {
    margin-top: 4.26667vw
}

.relevant-thread-list {
    margin-top: 3.2vw
}

.relevant-thread-list-item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    word-wrap: break-word;
    cursor: pointer;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-left: 2.66667vw;
    overflow: hidden;
    width: 37.33333vw
}

.relevant-thread-list-item-img {
    height: 21.06667vw;
    position: relative;
    width: 100%;
    z-index: 999
}

.relevant-thread-list-item-img .cover {
    border-radius: 1.06667vw;
    height: 100%;
    width: 100%
}

.relevant-thread-list-item-img .avatar {
    border: 2.6px solid #fff;
    border-radius: 100%;
    bottom: 1.06667vw;
    height: 4.8vw;
    left: 1.06667vw;
    position: absolute;
    width: 4.8vw
}

.relevant-thread-list-item-img .play {
    height: 5.86667vw;
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    width: 5.86667vw
}

.relevant-thread-list-item-img .time {
    bottom: 1.06667vw;
    color: var(--white_text);
    font-size: 2.93333vw;
    line-height: 3.2vw;
    position: absolute;
    right: 1.06667vw
}

.relevant-thread-list-item-title {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    color: var(--white_text);
    display: -webkit-box;
    font-size: var(--hupu_font_size_title3);
    line-height: 4.8vw;
    margin-top: 2.13333vw;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: normal
}

.relevant-thread-list-item:first-child {
    margin-left: 4.26667vw
}

.relevant-thread-list-item:last-child {
    margin-right: 4.26667vw
}

.relevant-thread-list-all {
    color: var(--secondarywhite_text);
    font-size: var(--hupu_font_size_callout);
    text-align: center
}

html .adm-toast-mask .adm-toast-main {
    background: rgba(36,42,43,.8);
    background: var(--toast,rgba(36,42,43,.8));
    border-radius: .53333vw;
    left: 50%;
    max-width: 70%;
    opacity: .8;
    padding: 3.2vw;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

html .adm-toast-mask .adm-toast-main .adm-auto-center {
    color: #fff;
    color: var(--white_text,#fff);
    font-family: var(--secondary_font-family);
    font-size: 3.73333vw;
    line-height: 4.8vw
}

.score-group-tab {
    border-radius: 0 5.33333vw 0 0;
    min-height: 50vh;
    padding: 0 4.26667vw 4.26667vw
}

.score-group-tab-title {
    color: var(--primary_text);
    font-family: hupufont-Medium;
    font-size: var(--hupu_font_size_title2);
    font-weight: 500;
    line-height: 6.4vw;
    margin-bottom: 3.2vw
}

.score-group-tab-item {
    padding-top: 3.2vw
}

.score-group-tab-tips {
    color: var(--tertiary_text);
    font-size: 2.93333vw;
    line-height: 3.2vw;
    padding: 4.26667vw 0;
    text-align: center
}

.score-group-tab-empty {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    color: var(--tertiary_text);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    font-family: PingFangSC-Regular,PingFang SC;
    font-size: 4.26667vw;
    font-weight: 400;
    justify-content: center;
    margin: 0 auto;
    padding-right: 4.26667vw;
    padding-top: 10.66667vw
}

.score-group-tab-empty img {
    height: 42.66667vw;
    width: 42.66667vw
}

.score-group-tab-empty .text {
    line-height: 6.4vw;
    text-align: center
}

@font-face {
    font-family: swiper-icons;
    font-style: normal;
    font-weight: 400;
    src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA")
}

:root {
    --swiper-theme-color: #007aff
}

.swiper,swiper-container {
    display: block;
    list-style: none;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    padding: 0;
    position: relative;
    z-index: 1
}

.swiper-vertical>.swiper-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.swiper-wrapper {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    position: relative;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform,-webkit-transform;
    -webkit-transition-timing-function: initial;
    -o-transition-timing-function: initial;
    transition-timing-function: ease;
    -webkit-transition-timing-function: var(--swiper-wrapper-transition-timing-function,initial);
    -o-transition-timing-function: var(--swiper-wrapper-transition-timing-function,initial);
    transition-timing-function: var(--swiper-wrapper-transition-timing-function,initial);
    width: 100%;
    z-index: 1
}

.swiper-android .swiper-slide,.swiper-wrapper {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.swiper-horizontal {
    -ms-touch-action: pan-y;
    touch-action: pan-y
}

.swiper-vertical {
    -ms-touch-action: pan-x;
    touch-action: pan-x
}

.swiper-slide,swiper-slide {
    -ms-flex-negative: 0;
    display: block;
    flex-shrink: 0;
    height: 100%;
    position: relative;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform,-webkit-transform;
    width: 100%
}

.swiper-slide-invisible-blank {
    visibility: hidden
}

.swiper-autoheight,.swiper-autoheight .swiper-slide {
    height: auto
}

.swiper-autoheight .swiper-wrapper {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-transition-property: height,-webkit-transform;
    transition-property: height,-webkit-transform;
    -o-transition-property: transform,height;
    transition-property: transform,height;
    transition-property: transform,height,-webkit-transform
}

.swiper-backface-hidden .swiper-slide {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.swiper-3d.swiper-css-mode .swiper-wrapper {
    -webkit-perspective: 320vw;
    perspective: 320vw
}

.swiper-3d .swiper-wrapper {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.swiper-3d {
    -webkit-perspective: 320vw;
    perspective: 320vw
}

.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top {
    height: 100%;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 10
}

.swiper-3d .swiper-slide-shadow {
    background: rgba(0,0,0,.15)
}

.swiper-3d .swiper-slide-shadow-left {
    background-image: -webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
    background-image: -o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));
    background-image: linear-gradient(270deg,rgba(0,0,0,.5),rgba(0,0,0,0))
}

.swiper-3d .swiper-slide-shadow-right {
    background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
    background-image: -o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));
    background-image: linear-gradient(90deg,rgba(0,0,0,.5),rgba(0,0,0,0))
}

.swiper-3d .swiper-slide-shadow-top {
    background-image: -webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
    background-image: -o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));
    background-image: linear-gradient(0deg,rgba(0,0,0,.5),rgba(0,0,0,0))
}

.swiper-3d .swiper-slide-shadow-bottom {
    background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
    background-image: -o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));
    background-image: linear-gradient(180deg,rgba(0,0,0,.5),rgba(0,0,0,0))
}

.swiper-css-mode>.swiper-wrapper {
    -ms-overflow-style: none;
    overflow: auto;
    scrollbar-width: none
}

.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar {
    display: none
}

.swiper-css-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: start start
}

.swiper-horizontal.swiper-css-mode>.swiper-wrapper {
    -ms-scroll-snap-type: x mandatory;
    scroll-snap-type: x mandatory
}

.swiper-vertical.swiper-css-mode>.swiper-wrapper {
    -ms-scroll-snap-type: y mandatory;
    scroll-snap-type: y mandatory
}

.swiper-centered>.swiper-wrapper:before {
    -ms-flex-negative: 0;
    -webkit-box-ordinal-group: 10000;
    -ms-flex-order: 9999;
    content: "";
    flex-shrink: 0;
    order: 9999
}

.swiper-centered>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: center center;
    scroll-snap-stop:always}

[dir=ltr] .swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {
    margin-left: var(--swiper-centered-offset-before)
}

[dir=rtl] .swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {
    margin-right: var(--swiper-centered-offset-before)
}

.swiper-centered.swiper-horizontal>.swiper-wrapper:before {
    height: 100%;
    min-height: 2.6px;
    width: var(--swiper-centered-offset-after)
}

.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child {
    margin-top: var(--swiper-centered-offset-before)
}

.swiper-centered.swiper-vertical>.swiper-wrapper:before {
    height: var(--swiper-centered-offset-after);
    min-width: 2.6px;
    width: 100%
}

.swiper-lazy-preloader {
    border: 1.06667vw solid #007aff;
    border: 1.06667vw solid var(--swiper-preloader-color,var(--swiper-theme-color));
    border-radius: 50%;
    border-top: 1.06667vw solid transparent;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 11.2vw;
    left: 50%;
    margin-left: -5.6vw;
    margin-top: -5.6vw;
    position: absolute;
    top: 50%;
    -webkit-transform-origin: 50%;
    -ms-transform-origin: 50%;
    transform-origin: 50%;
    width: 11.2vw;
    z-index: 10
}

.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,swiper-container:not(.swiper-watch-progress) .swiper-lazy-preloader {
    -webkit-animation: swiper-preloader-spin 1s linear infinite;
    animation: swiper-preloader-spin 1s linear infinite
}

.swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff
}

.swiper-lazy-preloader-black {
    --swiper-preloader-color: #000
}

@-webkit-keyframes swiper-preloader-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes swiper-preloader-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.sub-group {
    background-color: var(--bg_data);
    border-radius: 2.66667vw 2.66667vw 0 0;
    overflow: hidden;
    padding-bottom: 22.13333vw
}

.sub-group.notParent {
    border-radius: 0;
    position: relative
}

.sub-group.notParent .sub-group-tabs {
    border-radius: 0;
    padding-right: 4.53333vw
}

.sub-group-tabs {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: var(--bg);
    border-bottom: 2.6px solid var(--line);
    border-radius: 2.66667vw 2.66667vw 0 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 12vw;
    overflow-x: auto;
    padding-right: 4.26667vw
}

.sub-group-tabs.has-order {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    height: 13.33333vw;
    justify-content: space-between
}

.sub-group-tabs-item {
    color: var(--primary_text);
    font-size: 4.26667vw;
    font-weight: 400;
    line-height: 6.4vw;
    margin-left: 4.26667vw;
    padding: 2.66667vw 0;
    position: relative;
    white-space: nowrap
}

.sub-group-tabs-item-total {
    font-size: 3.2vw
}

.sub-group-tabs-item-active {
    font-weight: 700
}

.sub-group-tabs-item-active.noStyle,.sub-group-tabs-item-active.noStyle .sub-group-tabs-item-title {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.sub-group-tabs-item-active.noStyle .sub-group-tabs-item-title {
    font-family: var(--hupu_font_size_body1);
    line-height: 1;
    margin-right: .53333vw
}

.sub-group-tabs-item-active.noStyle .sub-group-tabs-item-total {
    font-size: 3.2vw;
    margin-right: 1.06667vw;
    padding-top: .8vw;
    -webkit-transform: scale(.92);
    -ms-transform: scale(.92);
    transform: scale(.92)
}

.sub-group-tabs-item-active.noStyle:after {
    display: none
}

.sub-group-tabs-item-active:after {
    background-color: #f23e30;
    bottom: 0;
    content: "";
    height: .8vw;
    left: 0;
    position: absolute;
    width: 100%
}

.sub-group-tabs::-webkit-scrollbar {
    display: none
}

.sub-group-tabs-placeholder {
    height: 12vw
}

.sub-group-tabs-order {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    background: -webkit-gradient(linear,left top,left bottom,from(var(--bg)),color-stop(13.33333vw,var(--bg_data)),to(var(--bg_data)));
    background: -o-linear-gradient(top,var(--bg) 0,var(--bg_data) 13.33333vw,var(--bg_data) 100%);
    background: linear-gradient(180deg,var(--bg) 0,var(--bg_data) 13.33333vw,var(--bg_data) 100%);
    justify-content: space-between;
    padding: 3.2vw 4.53333vw
}

.sub-group-tabs-order,.sub-group-tabs-order-title {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.sub-group-tabs-order-title {
    color: var(--tertiary_text);
    font-family: hupufont-Medium,PingFangSC-Medium,PingFang SC,Helvetica Neue,Helvetica,STHeiTi,Oxygen,Ubuntu,Cantarell,sans-serif;
    font-size: var(--hupu_font_size_title3);
    line-height: 4.8vw
}

.sub-group-tabs-order-title .icon {
    height: 3.73333vw;
    margin-left: 1.06667vw;
    width: 3.73333vw
}

.sub-group .score-group-tab-single {
    background: -webkit-gradient(linear,left top,left bottom,from(var(--bg)),color-stop(13.33333vw,var(--bg_data)),to(var(--bg_data)));
    background: -o-linear-gradient(top,var(--bg) 0,var(--bg_data) 13.33333vw,var(--bg_data) 100%);
    background: linear-gradient(180deg,var(--bg) 0,var(--bg_data) 13.33333vw,var(--bg_data) 100%);
    padding-top: 3.2vw
}

.sub-group .swiper-wrapper .swiper-slide {
    height: 0;
    overflow: hidden
}

.sub-group .swiper-wrapper .swiper-slide-active {
    height: auto;
    min-height: calc(100vh - 34.66667vw);
    overflow: visible
}

@font-face {
    font-display: swap;
    font-family: hupufont-Medium;
    src: url(https://activity-static.hoopchina.com.cn/hupu-fonts/hupu-Medium.ttf?t=20220424) format("truetype")
}

@font-face {
    font-display: swap;
    font-family: hupufont-Regular;
    src: url(https://activity-static.hoopchina.com.cn/hupu-fonts/hupu-Regular.ttf?t=20220424) format("truetype")
}

body {
    --primary_button: #ea0e20;
    --secondary_button: #24262b;
    --tag1: #2f6eeb;
    --tag2: #ffb400;
    --tag3: #00a4b8;
    --tag4: #00985f;
    --tag5: #e0684f;
    --tag6: #6d3801;
    --primary_text: #24262b;
    --secondary_text: #6c717d;
    --tertiary_text: #89909f;
    --disable_text: #c7cbd5;
    --white_text: #fff;
    --secondarywhite_text: hsla(0,0%,100%,.6);
    --bg: #fff;
    --bg2: #24262b;
    --bg_card: #fff;
    --bg_data: #f6f7f9;
    --bg_click: #f3f5fc;
    --line: #f0f1f5;
    --separator: #f0f1f5;
    --label_bg2: #fdeced;
    --label_bg3: #eaf0fd;
    --label_bg4: #fff3d8;
    --label_bg6: #fdefe5;
    --mask: rgba(0,0,0,.502);
    --button_mask: hsla(0,0%,100%,.6);
    --toast: rgba(36,42,43,.8);
    --chart1: rgba(47,110,235,.102);
    --chart2: #28a4ed;
    --chart3: #ff5a2d;
    --chart4: #ccd6e7;
    --white_mask: hsla(0,0%,100%,.302);
    --white_text2: #fff
}

body[hupu-ui-theme=dark] {
    --primary_button: #f05663;
    --secondary_button: #edeef1;
    --tag1: #7eb0fc;
    --tag2: #ffd266;
    --tag3: #4dbfcd;
    --tag4: #cce034;
    --tag5: #ff856b;
    --tag6: #ffe3cc;
    --primary_text: #edeef1;
    --secondary_text: #aaafbb;
    --tertiary_text: #818899;
    --disable_text: #3a3f49;
    --white_text: #fff;
    --secondarywhite_text: hsla(0,0%,100%,.6);
    --bg: #24262b;
    --bg2: #111217;
    --bg_card: #2c2f37;
    --bg_data: #31353d;
    --bg_click: #3a3f49;
    --line: #303440;
    --separator: #111217;
    --label_bg2: #3e2c32;
    --label_bg3: #343f50;
    --label_bg4: #474134;
    --label_bg6: #3c3530;
    --mask: rgba(0,0,0,.502);
    --button_mask: rgba(0,0,0,.6);
    --toast: rgba(36,47,55,.8);
    --chart1: rgba(126,176,252,.102);
    --chart2: #53d0fe;
    --chart3: #eb6d26;
    --chart4: #535f74;
    --white_mask: hsla(0,0%,100%,.302);
    --white_text2: #24262b
}

body {
    --hupu_font_size_score: 83.2PX;
    --hupu_font_size_statement: 62.400000000000006PX;
    --hupu_font_size_title1: 52PX;
    --hupu_font_size_tab1: 46.800000000000004PX;
    --hupu_font_size_title2: 41.6PX;
    --hupu_font_size_body1: 41.6PX;
    --hupu_font_size_title3: 36.4PX;
    --hupu_font_size_body2: 36.4PX;
    --hupu_font_size_body3: 46.800000000000004PX;
    --hupu_font_size_body4: 52PX;
    --hupu_font_size_body5: 44.2PX;
    --hupu_font_size_callout: 31.200000000000003PX
}

@media screen and (min-width: 1076.4px) {
    body {
        --hupu_font_size_score:85.8PX;
        --hupu_font_size_statement: 65PX;
        --hupu_font_size_title1: 54.6PX;
        --hupu_font_size_tab1: 49.4PX;
        --hupu_font_size_title2: 44.2PX;
        --hupu_font_size_body1: 44.2PX;
        --hupu_font_size_title3: 39PX;
        --hupu_font_size_body2: 39PX;
        --hupu_font_size_body3: 49.4PX;
        --hupu_font_size_body4: 54.6PX;
        --hupu_font_size_body5: 46.800000000000004PX;
        --hupu_font_size_callout: 33.800000000000004PX
    }
}

.m-6f0066c3 {
    position: relative;
    width: 100%
}

.m-b941f1c2 {
    border-radius: .53333vw;
    width: 100%
}

.m-702471e2 {
    background-color: rgba(0,0,0,.502);
    font-size: 3.2vw;
    font-weight: 400;
    line-height: 4.8vw;
    padding: .53333vw 1.06667vw;
    position: absolute;
    right: 0;
    top: 0
}

body {
    font-family: -apple-system,Helvetica,sans-serif!important
}

a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video {
    border: 0;
    font-size: 100%;
    font: inherit;
    margin: 0;
    padding: 0;
    vertical-align: baseline
}

:focus {
    outline: 0
}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
    display: block
}

body {
    line-height: 1
}

ol,ul {
    list-style: none
}

blockquote,q {
    quotes: none
}

blockquote:after,blockquote:before,q:after,q:before {
    content: "";
    content: none
}

input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration {
    -webkit-appearance: none;
    -moz-appearance: none
}

input[type=search] {
    -webkit-appearance: none;
    -moz-appearance: none
}

audio,canvas,video {
    *zoom:1;display: inline-block;
    *display: inline;
    max-width: 100%
}

audio:not([controls]) {
    display: none;
    height: 0
}

[hidden] {
    display: none
}

html {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    font-size: 100%
}

a:focus {
    outline: thin dotted
}

a:active,a:hover {
    outline: 0
}

img {
    -ms-interpolation-mode: bicubic;
    border: 0
}

figure,form {
    margin: 0
}

fieldset {
    border: 2.6px solid silver;
    margin: 0 .53333vw;
    padding: .35em .625em .75em
}

legend {
    border: 0;
    *margin-left: -1.86667vw;
    padding: 0;
    white-space: normal
}

button,input,select,textarea {
    font-size: 100%;
    margin: 0;
    vertical-align: baseline;
    *vertical-align: middle
}

button,input {
    line-height: normal
}

button,select {
    text-transform: none
}

button,html input[type=button],input[type=reset],input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer;
    *overflow: visible
}

button[disabled],html input[disabled] {
    cursor: default
}

input[type=checkbox],input[type=radio] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    *height: 3.46667vw;
    padding: 0;
    *width: 3.46667vw
}

input[type=search] {
    -webkit-appearance: textfield;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

button::-moz-focus-inner,input::-moz-focus-inner {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto;
    vertical-align: top
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

button,html,input,select,textarea {
    color: #222
}

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none
}

::selection {
    background: #b3d4fc;
    text-shadow: none
}

img {
    vertical-align: middle
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0
}

textarea {
    resize: vertical
}

.chromeframe {
    background: #ccc;
    color: #000;
    margin: .2em 0;
    padding: .2em 0
}

* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

#app,body,html {
    -webkit-overflow-scrolling: touch;
    -webkit-touch-callout: none;
    height: 100%;
    overflow-y: auto;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%
}

#app::-webkit-scrollbar,body::-webkit-scrollbar,html::-webkit-scrollbar {
    display: none
}

body {
    --tag3_op1: rgba(0,164,184,.1);
    --tag3_op3: rgba(0,164,184,.3);
    --label_bg1_op3: rgba(229,245,251,.3);
    --label_bg1_op5: rgba(229,245,251,.5);
    --rate_color: #28a4ed;
    --rate_color_op3: rgba(40,164,237,.3);
    --bg_all_start: hsla(0,0%,100%,0);
    --bg_all_end: #fff;
    --label_bg4_op6: rgba(255,243,216,.6);
    --label_bg4_op0: rgba(255,243,216,0);
    --logo_bg: url(https://activity-static.hoopchina.com.cn/images/23822-23umhprc-upload-1692708493481-2.png) 0 0/contain no-repeat;
    --logo_bg_hide: url(https://activity-static.hoopchina.com.cn/images/2425-c7t21erc-upload-1707119678703-2.png) 0 0/contain no-repeat;
    --follow-bg: #e5f5fb;
    --button_mask2: rgba(36,42,43,.2);
    --label_bg1: #e5f5fb;
    --tag1_op4: rgba(47,110,235,.4);
    background-color: var(--bg)
}

body[hupu-ui-theme=dark] {
    --tag3_op1: rgba(77,191,205,.1);
    --tag3_op3: rgba(77,191,205,.3);
    --label_bg1_op3: rgba(42,62,69,.3);
    --label_bg1_op5: rgba(42,62,69,.5);
    --rate_color: #0edff9;
    --rate_color_op3: rgba(83,208,254,.3);
    --bg_all_start: rgba(36,38,43,0);
    --bg_all_end: #24262b;
    --label_bg4_op6: rgba(71,65,52,.6);
    --label_bg4_op0: rgba(71,65,52,0);
    --logo_bg: url(https://activity-static.hoopchina.com.cn/images/23822-93bzucrc-upload-1692708493481-4.png) 0 0/contain no-repeat;
    --logo_bg_hide: url(https://activity-static.hoopchina.com.cn/images/2425-b1xce6rc-upload-1707119678703-4.png) 0 0/contain no-repeat;
    --follow-bg: #e5f5fb;
    --button_mask2: rgba(36,42,43,.2);
    --label_bg1: #2a3e45;
    --tag1_op4: rgba(126,176,252,.4)
}

#app {
    position: relative;
    z-index: 999
}

.generic-score {
    font-family: PingFangSC-Regular,PingFang SC,Helvetica Neue,Helvetica,STHeiTi,Oxygen,Ubuntu,Cantarell,sans-serif
}

.generic-score .header-title-img {
    width: 16.26667vw
}

.generic-score .header-parent {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.generic-score .header-parent>div {
    max-width: 42.66667vw;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap
}

.generic-score .score-group-tab {
    border-radius: 0!important
}

.generic-score .wrapper {
    background-color: var(--bg);
    border-radius: 2.66667vw 2.66667vw 0 0;
    overflow: hidden;
    padding-bottom: 2.13333vw;
    position: relative;
    z-index: 1
}

.generic-score .wrapper.hide-whole-header {
    display: none
}

.generic-score.hide-header .wrapper {
    overflow: hidden;
    padding-bottom: 0;
    padding-top: 0
}

.generic-score.hide-header .score-group-tab,.generic-score.hide-header .sub-group,.generic-score.hide-header .sub-group-tabs {
    border-radius: 0!important
}

.generic-score.hide-header .score-group-tab.notParent,.generic-score.hide-header .sub-group-tabs.notParent,.generic-score.hide-header .sub-group.notParent {
    margin-top: 0
}

.generic-score.hide-header .sub-group-tabs {
    border-bottom: none;
    padding-left: 4.26667vw
}

.generic-score.hide-header .sub-group-tabs-item {
    background: var(--bg_click);
    border-radius: .53333vw;
    color: var(--tertiary_text);
    font-size: 3.73333vw;
    height: 6.4vw;
    line-height: 6.4vw;
    margin: 3.2vw 2.13333vw 3.2vw 0;
    padding: 0 3.2vw
}

.generic-score.hide-header .sub-group-tabs-item.sub-group-tabs-item-active {
    color: var(--primary_text);
    font-weight: 700
}

.generic-score.hide-header #_header,.generic-score.hide-header #header,.generic-score.hide-header .basic-info,.generic-score.hide-header .basic-info-author-wrapper,.generic-score.hide-header .score-card,.generic-score.hide-header .sub-group-tabs-item.sub-group-tabs-item-active:after {
    display: none
}

.generic-score.hide-header .comment-area {
    padding-top: 3.2vw
}

.generic-score .score-card {
    margin: 4.26667vw 4.26667vw 0
}

.generic-score #share-picture {
    display: none
}

.rc-segmented .rc-segmented-item-selected {
    font-family: hupufont-Medium,PingFangSC-Medium,PingFang SC,Helvetica Neue,Helvetica,STHeiTi,Oxygen,Ubuntu,Cantarell,sans-serif
}

.comment-menu.android {
    padding-bottom: 1.6vw
}

.comment-menu {
    background-color: var(--bg_card);
    border-top-right-radius: 5.33333vw;
    padding-bottom: 8.53333vw
}

.comment-menu-item {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    align-items: center;
    background-color: transparent;
    border: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 12.8vw;
    justify-content: center;
    padding: 0;
    width: 100%
}

.comment-menu-item-title {
    color: var(--primary_text);
    font-family: hupufont-Regular,sans-serif;
    font-size: var(--hupu_font_size_title2);
    font-weight: 500;
    line-height: 6.4vw
}

.comment-menu-actions {
    background-color: transparent;
    border: none;
    height: 28vw;
    padding: 0 0 0 4.26667vw;
    width: 100%
}

.comment-menu-action,.comment-menu-actions {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.comment-menu-action {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    color: var(--secondary_button);
    -ms-flex-direction: column;
    flex-direction: column;
    font-size: 3.2vw;
    height: 19.46667vw;
    justify-content: space-between;
    margin-right: 4.26667vw;
    padding-top: 3.2vw
}

.comment-menu-action .icon {
    height: 8vw;
    width: 8vw
}

.comment-menu-line {
    background-color: var(--line);
    height: 2.6px
}

.second-wating-audit {
    height: 10.4vw;
    line-height: 10.4vw
}

.follow-guard.follow-guard-b64 {
    bottom: 17.06667vw
}

.hupu-modal-mask,.hupu-modal-wrap {
    z-index: 1009
}

.index-module__hupu-regular-font--Unk7d {
    font-family: hupufont-Regular,PingFangSC-Regular,PingFang SC,Helvetica Neue,Helvetica,STHeiTi,Oxygen,Ubuntu,Cantarell,sans-serif
}

.index-module__hupu-medium-font--Qmdwk {
    font-family: hupufont-Medium,PingFangSC-Medium,PingFang SC,Helvetica Neue,Helvetica,STHeiTi,Oxygen,Ubuntu,Cantarell,sans-serif
}

.index-module__hupu-font-score--hqEHF {
    font-size: var(--hupu_font_size_score);
    line-height: 10.13333vw
}

.index-module__hupu-font-statement--v9RQd {
    font-size: var(--hupu_font_size_statement);
    line-height: 8vw
}

.index-module__hupu-font-title1--EE5KM {
    font-size: var(--hupu_font_size_title1);
    line-height: 6.93333vw
}

.index-module__hupu-font-tab1--NcHqS {
    font-size: var(--hupu_font_size_tab1);
    line-height: 6.4vw
}

.index-module__hupu-font-title2--Mgkx1 {
    font-size: var(--hupu_font_size_title2);
    line-height: 6.4vw
}

.index-module__hupu-font-body1--egjxc {
    font-size: var(--hupu_font_size_body1);
    line-height: 7.46667vw
}

.index-module__hupu-font-title3--W0UiR {
    font-size: var(--hupu_font_size_title3);
    line-height: 4.8vw
}

.index-module__hupu-font-body2--yQW2V {
    font-size: var(--hupu_font_size_body2);
    line-height: 5.86667vw
}

.index-module__hupu-font-body3--_3_HH {
    font-size: var(--hupu_font_size_body3);
    line-height: 8.53333vw
}

.index-module__hupu-font-body4--P8xbV {
    font-size: var(--hupu_font_size_body4);
    line-height: 9.6vw
}

.index-module__hupu-font-body5--O6nO_ {
    font-size: var(--hupu_font_size_body5);
    line-height: 7.73333vw
}

.index-module__hupu-font-callout--NCNBO {
    font-size: var(--hupu_font_size_callout);
    line-height: 4.53333vw
}

.index-module__hupu-font-footnote--pNlfS {
    font-size: 2.93333vw;
    line-height: 3.2vw
}

.index-module__hupu-font-footnote2--g3RuL {
    font-size: 2.4vw;
    line-height: 2.66667vw
}

.index-module__hupu-font-dangerous-footnote--trebm {
    font-size: 5.86667vw;
    line-height: 6.4vw;
    -webkit-transform: scale(.5);
    -ms-transform: scale(.5);
    transform: scale(.5)
}

.index-module__hupu-font-dangerous-footnote2--G5gir {
    font-size: 4.8vw;
    line-height: 5.33333vw;
    -webkit-transform: scale(.5);
    -ms-transform: scale(.5);
    transform: scale(.5)
}

.index-module__ellipsis-oneLine--_6tRH {
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap
}

.index-module__mask--ixDpL {
    height: 100vh;
    width: 100vw;
    z-index: 999999
}

.index-module__wrap--wD3Ra {
    margin-top: 48.53333vw;
    padding: 0 4.26667vw
}

.index-module__title--iYoEM {
    color: var(--white_text);
    font-family: PingFangSC,PingFang SC;
    font-size: var(--hupu_font_size_title2);
    font-weight: 500;
    height: 8.53333vw;
    line-height: 6.4vw
}

.index-module__inner--N9kkZ {
    background: var(--bg_card);
    border-radius: 1.06667vw;
    height: 50.66667vw;
    width: 100%
}

.index-module__text--DRaTW {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 39.2vw;
    padding: 3.2vw;
    width: 100%
}

.index-module__text--DRaTW>textarea {
    color: var(--primary_text);
    font-size: var(--hupu_font_size_body2);
    font-weight: 400;
    height: 100%;
    line-height: 5.86667vw
}

.index-module__text--DRaTW>textarea::-webkit-input-placeholder {
    color: var(--tertiary_text)
}

.index-module__text--DRaTW>textarea::-moz-placeholder {
    color: var(--tertiary_text)
}

.index-module__text--DRaTW>textarea:-ms-input-placeholder {
    color: var(--tertiary_text)
}

.index-module__text--DRaTW>textarea::-ms-input-placeholder {
    color: var(--tertiary_text)
}

.index-module__text--DRaTW>textarea::placeholder {
    color: var(--tertiary_text)
}

.index-module__line--XzH5j {
    background: var(--line);
    height: 2.6px;
    width: 91.46667vw
}

.index-module__footer--gffMv {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    align-items: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 11.73333vw;
    justify-content: space-between;
    padding: 0 3.2vw;
    width: 100%
}

.index-module__tips--UksKE {
    -webkit-box-flex: 1;
    -ms-flex-negative: 0;
    color: var(--tertiary_text);
    -ms-flex: 1;
    flex: 1;
    flex-shrink: 0;
    font-family: PingFangSC,PingFang SC;
    font-size: var(--hupu_font_size_callout);
    font-weight: 400;
    margin-right: 3.2vw;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap
}

.index-module__submit--ev1FJ {
    background-color: var(--disable_text);
    border-radius: .53333vw;
    color: var(--white_text);
    font-family: PingFangSC,PingFang SC;
    font-size: var(--hupu_font_size_title3);
    font-weight: 500;
    height: 7.46667vw;
    line-height: 7.46667vw;
    padding: 0;
    text-align: center;
    -webkit-transition: background-color .1s linear;
    -o-transition: background-color .1s linear;
    transition: background-color .1s linear;
    width: 16vw
}

.index-module__canSubmit--Vkt8_ {
    background-color: var(--primary_button)
}

.share-pic-icon {
    display: inline-block;
    height: 7.2vw;
    margin: 3.86667vw 4.13333vw;
    width: 7.2vw
}

.edit-icon-disabled {
    opacity: .5
}

.fufu-share-popup ::-webkit-scrollbar {
    display: none
}

.fufu-share-popup .adm-popup-body {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    background-color: var(--bg);
    border-radius: 0 5.33333vw 0 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.fufu-share-popup .popup-middle,.fufu-share-popup .popup-top {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow-x: auto;
    padding: 4.26667vw 4.26667vw 0;
    width: 100%
}

.fufu-share-popup .popup-middle .popup-top-content,.fufu-share-popup .popup-top .popup-top-content {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.fufu-share-popup .popup-middle .popup-top-content .action,.fufu-share-popup .popup-middle .popup-top-content .native-action,.fufu-share-popup .popup-top .popup-top-content .action,.fufu-share-popup .popup-top .popup-top-content .native-action {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-content: center;
    min-width: 17.6vw
}

.fufu-share-popup .popup-middle .popup-top-content .action .icon,.fufu-share-popup .popup-middle .popup-top-content .native-action .icon,.fufu-share-popup .popup-top .popup-top-content .action .icon,.fufu-share-popup .popup-top .popup-top-content .native-action .icon {
    color: var(--secondary_button);
    margin: 3.2vw 4.13333vw
}

.fufu-share-popup .popup-middle .popup-top-content .action-text,.fufu-share-popup .popup-middle .popup-top-content .native-action-text,.fufu-share-popup .popup-top .popup-top-content .action-text,.fufu-share-popup .popup-top .popup-top-content .native-action-text {
    color: var(--secondary_button);
    font-family: hupufont-Regular;
    font-size: 3.2vw;
    font-weight: 400;
    height: 4.53333vw;
    line-height: 4.53333vw
}

.fufu-share-popup .popup-middle {
    padding-bottom: 4.26667vw;
    padding-top: 1.6vw
}

.fufu-share-popup .popup-bottom {
    color: var(--primary_text);
    font-family: hupufont-Regular;
    font-size: 4.26667vw;
    font-weight: 500;
    height: 12.8vw;
    line-height: 6.4vw;
    padding: 0 4.26667vw;
    position: relative;
    text-align: center
}

.fufu-share-popup .popup-bottom .line {
    background-color: var(--line);
    display: inline-block;
    height: 2.6px;
    left: 2.13333vw;
    position: absolute;
    top: 0;
    width: calc(100% - 4.26667vw)
}

.fufu-share-popup .popup-bottom .cancel-text {
    display: inline-block;
    height: 12.8vw;
    line-height: 12.8vw
}

.add-score-item-qs {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: var(--bg_card);
    bottom: 0;
    -webkit-box-shadow: 0 -2.6px 0 0 var(--line);
    box-shadow: 0 -2.6px 0 0 var(--line);
    color: var(--score-color);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    font-family: PingFangSC-Medium,PingFang SC;
    font-size: var(--hupu_font_size_title2);
    font-weight: 500;
    justify-content: center;
    left: 0;
    line-height: 6.4vw;
    padding: 3.2vw 0 10.13333vw;
    position: fixed;
    width: 100vw;
    z-index: 99
}

.add-score-item-qs.andriod {
    padding-bottom: 3.2vw
}

.add-score-item-qs .add-score-item-ml {
    margin-left: 1.06667vw
}

.add-score-item-qs .edit-icon {
    font-size: var(--hupu_font_size_title2);
    line-height: 6.4vw;
    margin-right: 2.4vw;
    width: 6.13333vw
}

.sc-container {
    background: url(https://activity-static.hoopchina.com.cn/images/23517-vdkoaorc-upload-1684220041003-12.png) 0 0 no-repeat;
    background-size: 100% auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-family: PingFangSC-Regular,PingFang SC,hupu,LINE Seed Sans App,Alibaba PuHuiTi;
    overflow: hidden;
    padding: 3.2vw 4.26667vw 0;
    position: relative;
    width: 100vw
}

.sc-container .ssssss-1,.sc-container .ssssss-2 {
    height: 21.33333vw;
    left: 0;
    position: absolute;
    top: 0;
    width: 100vw
}

.sc-container .ssssss-1 {
    opacity: .7;
    -webkit-transform: rotate(-19deg);
    -ms-transform: rotate(-19deg);
    transform: rotate(-19deg)
}

.sc-container .ssssss-2 {
    left: 30%;
    opacity: .3;
    top: 0;
    -webkit-transform: rotate(-30deg);
    -ms-transform: rotate(-30deg);
    transform: rotate(-30deg)
}

.sc-container .team-logo-mask {
    height: 53.33333vw;
    opacity: .16;
    position: absolute;
    right: -8vw;
    top: -8.53333vw;
    width: 53.33333vw;
    z-index: 1
}

.sc-container * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0
}

.sc-container .logo-title {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    align-items: center;
    color: hsla(0,0%,100%,.6);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-family: PingFangSC-Regular,PingFang SC;
    font-size: 3.2vw;
    height: 12vw;
    justify-content: space-between;
    letter-spacing: 1.06667vw;
    margin-bottom: .8vw
}

.sc-container .logo-title-icon {
    height: 12vw;
    width: 12vw
}

.sc-container footer {
    color: hsla(0,0%,100%,.6);
    font-family: PingFangSC-Regular,PingFang SC,hupu,LINE Seed Sans App,Alibaba PuHuiTi;
    font-size: 3.2vw;
    height: 13.86667vw;
    line-height: 1;
    text-align: center
}

.sc-container .footer-search,.sc-container footer {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center
}

.sc-container .footer-search {
    border-radius: 2.66667vw;
    -webkit-box-shadow: 0 0 0 2.6px hsla(0,0%,100%,.2);
    box-shadow: 0 0 0 2.6px hsla(0,0%,100%,.2);
    height: 5.33333vw;
    margin-left: 1.06667vw;
    max-width: 60.8vw;
    overflow: hidden;
    padding-left: 1.6vw;
    padding-right: 2.13333vw;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap
}

.sc-container .footer-search-icon {
    height: 3.2vw;
    margin-right: 1.06667vw;
    width: 3.2vw
}

.sc-container .footer-search-text {
    max-width: 51.73333vw;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap
}

.sc-comment-item {
    height: auto
}

.sc-comment-item,.sc-comment-item p {
    font-family: PingFangSC-Regular,PingFang SC,hupu,LINE Seed Sans App,Alibaba PuHuiTi
}

.sc-comment-item p {
    font-size: 4.26667vw;
    line-height: 7.46667vw
}

.sc-comment-item p.quote {
    color: #89909f;
    font-size: 3.73333vw;
    line-height: 5.86667vw
}

.sc-comment-item p.quote,.sc-match-header {
    font-family: PingFangSC-Regular,PingFang SC,hupu,LINE Seed Sans App,Alibaba PuHuiTi
}

.sc-match-header {
    color: #fff
}

.sc-match-header .comp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.sc-match-header .comp,.sc-match-header .comp .middle {
    font-family: PingFangSC-Regular,PingFang SC,hupu,LINE Seed Sans App,Alibaba PuHuiTi
}

.sc-match-header .comp .middle {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.06667vw;
    flex: 0 0 33.06667vw
}

.sc-match-header .comp .middle em {
    display: block;
    font-family: PingFangSC-Regular,PingFang SC,hupu,LINE Seed Sans App,Alibaba PuHuiTi;
    font-size: 4.8vw;
    font-style: normal;
    line-height: 6.4vw;
    width: 9.06667vw
}

.sc-match-header .comp .middle em:first-child {
    text-align: right
}

.sc-match-header .comp .middle strong {
    -webkit-box-flex: 6.4vw;
    -ms-flex: 6.4vw 0 0px;
    flex: 6.4vw 0 0;
    text-align: center
}

.sc-match-header .comp .middle p {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 6.4vw;
    justify-content: center;
    margin-top: 1.06667vw;
    width: 100%
}

.sc-match-header .top {
    color: hsla(0,0%,100%,.6);
    display: block;
    font-size: 3.2vw;
    height: auto;
    line-height: 4vw;
    text-align: center
}

.sc-match-header .team-logo {
    -webkit-box-flex: 6.93333vw;
    -ms-flex: 6.93333vw 0 0px;
    flex: 6.93333vw 0 0;
    height: 6.93333vw;
    margin: 0 1.06667vw;
    -o-object-fit: contain;
    object-fit: contain;
    width: 6.93333vw
}

.sc-match-header .middle {
    font-size: 4.8vw;
    line-height: 6.4vw
}

.sc-match-header .middle,.sc-match-header .team-label {
    font-family: PingFangSC-Regular,PingFang SC,hupu,LINE Seed Sans App,Alibaba PuHuiTi
}

.sc-match-header .team-label {
    -webkit-box-flex: 26.66667vw;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 26.66667vw 1 1;
    flex: 26.66667vw 1 1
}

.sc-match-header .team-label span {
    font-size: 3.73333vw;
    line-height: 5.86667vw
}

.sc-match-header .team-label span,.sc-match-header .team-label.left {
    font-family: PingFangSC-Regular,PingFang SC,hupu,LINE Seed Sans App,Alibaba PuHuiTi
}

.sc-match-header .team-label.left {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.sc-match-header .team-name {
    color: #fff;
    font-family: PingFangSC-Regular,PingFang SC,hupu,LINE Seed Sans App,Alibaba PuHuiTi
}

.sc-headerline {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: url(https://activity-static.hoopchina.com.cn/images/23510-gw9czsrc-upload-1683707937834-3.png) 50% no-repeat;
    background-size: 4.26667vw 4.26667vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 4.26667vw
}

.sc-headerline:after,.sc-headerline:before {
    -webkit-box-flex: 2.66667vw;
    border-top: 2.6px solid hsla(0,0%,100%,.3);
    content: "";
    display: block;
    -ms-flex: 2.66667vw 1 1;
    flex: 2.66667vw 1 1;
    margin-right: 3.2vw
}

.sc-headerline:after {
    margin-left: 3.2vw;
    margin-right: 0
}

.sc-score-tag {
    -webkit-box-flex: 17.06667vw;
    background: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.24)),to(rgba(0,0,0,0)));
    background: -o-linear-gradient(top,rgba(0,0,0,.24) 0,rgba(0,0,0,0) 100%);
    background: linear-gradient(180deg,rgba(0,0,0,.24),rgba(0,0,0,0));
    border-radius: .53333vw;
    -ms-flex: 17.06667vw 0 0px;
    flex: 17.06667vw 0 0;
    font-family: PingFangSC-Regular,PingFang SC,hupu,LINE Seed Sans App,Alibaba PuHuiTi;
    height: 22.4vw;
    position: relative;
    width: 17.06667vw
}

.sc-score-tag:before {
    background: url(https://activity-static.hoopchina.com.cn/images/2414-j1zkk3rc-upload-1704352441365-2.png) 0 0 no-repeat;
    background-size: contain;
    content: "";
    height: 4.8vw;
    left: 3.2vw;
    position: absolute;
    top: 2.13333vw;
    width: 12vw
}

.sc-score-tag strong {
    color: #53d0fe;
    font-size: 6.4vw;
    font-weight: 500;
    line-height: 8vw;
    top: 6.93333vw
}

.sc-score-tag span,.sc-score-tag strong {
    font-family: PingFangSC-Regular,PingFang SC,hupu,LINE Seed Sans App,Alibaba PuHuiTi;
    left: 0;
    position: absolute;
    text-align: center;
    width: 100%
}

.sc-score-tag span {
    color: hsla(0,0%,100%,.6);
    font-size: 3.2vw;
    top: 16vw;
    -webkit-transform: scale(.9);
    -ms-transform: scale(.9);
    transform: scale(.9);
    white-space: nowrap
}

.sc-player-header {
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.sc-player-header,.sc-player-header .photo-area {
    font-family: PingFangSC-Regular,PingFang SC,hupu,LINE Seed Sans App,Alibaba PuHuiTi;
    height: 21.33333vw
}

.sc-player-header .photo-area {
    -webkit-box-flex: 15.46667vw;
    background-color: #fff;
    border-radius: 1.06667vw;
    -ms-flex: 15.46667vw 0 0px;
    flex: 15.46667vw 0 0;
    width: 15.46667vw
}

.sc-player-header .photo-area-img {
    border-radius: 1.06667vw;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.sc-player-header .name-area {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    height: 21.33333vw;
    margin: 0 2.13333vw;
    min-width: 0
}

.sc-player-header .name-area,.sc-player-header .name-area strong {
    font-family: PingFangSC-Regular,PingFang SC,hupu,LINE Seed Sans App,Alibaba PuHuiTi
}

.sc-player-header .name-area strong {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    font-size: 4.26667vw;
    font-weight: 500;
    line-height: 6.4vw;
    max-width: 100%;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: pre-wrap;
    word-break: break-all
}

.sc-comment-list,.sc-item-container {
    background-color: #fff;
    border-radius: 2.66667vw;
    padding: 4.26667vw 4.26667vw 0;
    position: relative;
    top: 2.6px;
    z-index: 3
}

.sc-comment-list:before,.sc-item-container:before {
    border-radius: 0 0 3.2vw 3.2vw;
    bottom: 0;
    -webkit-box-shadow: 0 1.06667vw 1.6vw 0 rgba(1,7,178,.12);
    box-shadow: 0 1.06667vw 1.6vw 0 rgba(1,7,178,.12);
    content: "";
    height: 3.2vw;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: -1
}

.sc-comment-list h2,.sc-item-container h2 {
    font-family: PingFangSC-Regular,PingFang SC,hupu,LINE Seed Sans App,Alibaba PuHuiTi;
    font-size: 4.26667vw
}

.sc-comment-list .sc-comment-item,.sc-item-container .sc-comment-item {
    background-color: #fff;
    border-bottom: 2.6px solid #ebedf2;
    font-family: PingFangSC-Regular,PingFang SC,hupu,LINE Seed Sans App,Alibaba PuHuiTi;
    padding: 4.8vw 0 4.26667vw;
    position: relative;
    z-index: 4
}

.sc-comment-list .sc-comment-item:last-child,.sc-item-container .sc-comment-item:last-child {
    border-bottom: none;
    padding: 4.8vw 0 3.73333vw
}

.sc-comment-list .sc-comment-item .top,.sc-item-container .sc-comment-item .top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-family: PingFangSC-Regular,PingFang SC,hupu,LINE Seed Sans App,Alibaba PuHuiTi;
    margin-bottom: 2.66667vw;
    min-height: 8.53333vw
}

.sc-comment-list .sc-comment-item .top .photo,.sc-item-container .sc-comment-item .top .photo {
    -webkit-box-flex: 8.53333vw;
    border-radius: 4.26667vw;
    -ms-flex: 8.53333vw 0 0px;
    flex: 8.53333vw 0 0;
    font-family: PingFangSC-Regular,PingFang SC,hupu,LINE Seed Sans App,Alibaba PuHuiTi;
    height: 8.53333vw;
    -o-object-fit: cover;
    object-fit: cover;
    width: 8.53333vw
}

.sc-comment-list .sc-comment-item .top .name-area,.sc-item-container .sc-comment-item .top .name-area {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    font-family: PingFangSC-Regular,PingFang SC,hupu,LINE Seed Sans App,Alibaba PuHuiTi;
    margin-left: 2.13333vw
}

.sc-comment-list .sc-comment-item .top .name-area strong,.sc-item-container .sc-comment-item .top .name-area strong {
    display: block;
    font-family: PingFangSC-Regular,PingFang SC,hupu,LINE Seed Sans App,Alibaba PuHuiTi;
    font-size: 3.73333vw;
    font-weight: 400;
    line-height: 4.8vw
}

.sc-comment-list .sc-comment-item .top .liangle,.sc-item-container .sc-comment-item .top .liangle {
    -ms-flex-negative: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    align-items: center;
    color: #6c717d;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-shrink: 0;
    font-size: 4.53333vw;
    justify-content: flex-end;
    text-align: right
}

.sc-comment-list .sc-comment-item .top .liangle span,.sc-item-container .sc-comment-item .top .liangle span {
    color: inherit;
    font-size: 3.2vw
}

.sc-comment-list .start-icon-comps,.sc-item-container .start-icon-comps {
    font-size: 0
}

.sc-comment-list .start-icon-comps .star-icon-blank,.sc-comment-list .start-icon-comps .star-icon-stared,.sc-item-container .start-icon-comps .star-icon-blank,.sc-item-container .start-icon-comps .star-icon-stared {
    display: inline-block;
    height: 4vw;
    width: 4vw
}

.sc-comment-list .start-icon-comps .star-icon-stared,.sc-item-container .start-icon-comps .star-icon-stared {
    background: url(https://activity-static.hoopchina.com.cn/images/23511-e27brsrc-upload-1683774195188-2.png) 0 0 no-repeat;
    background-size: contain
}

.sc-comment-list .start-icon-comps .star-icon-blank,.sc-item-container .start-icon-comps .star-icon-blank {
    background: url(https://activity-static.hoopchina.com.cn/images/23511-qb8dbcrc-upload-1683774195188-5.png) 0 0 no-repeat;
    background-size: contain
}

.sc-share-footer {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #fff;
    border-radius: 0 0 3.2vw 3.2vw;
    color: #89909f;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 5.33333vw 2.13333vw 4.26667vw;
    position: relative
}

.sc-share-footer,.sc-share-footer p {
    font-family: PingFangSC-Regular,PingFang SC,hupu,LINE Seed Sans App,Alibaba PuHuiTi
}

.sc-share-footer p {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    font-size: 3.2vw;
    line-height: 4.8vw;
    margin: 0 0 0 1.6vw
}

.sc-share-footer .sc-share-search-text {
    background: url(https://activity-static.hoopchina.com.cn/images/23511-osowi3rc-upload-1683777330176-2.png) 0 0 no-repeat;
    background-size: contain;
    color: #28a4ed;
    font-size: 3.2vw;
    height: 7.46667vw;
    line-height: 7.46667vw;
    padding-right: 1.6vw;
    text-align: right;
    width: 33.06667vw
}

.sc-share-footer .sc-qrcode {
    -webkit-box-flex: 11.2vw;
    -ms-flex: 11.2vw 0 0px;
    flex: 11.2vw 0 0;
    height: 11.2vw;
    width: 11.2vw
}

.sc-header-container,.sc-share-footer .sc-qrcode {
    font-family: PingFangSC-Regular,PingFang SC,hupu,LINE Seed Sans App,Alibaba PuHuiTi
}

.sc-header-container {
    border-radius: 2.66667vw 2.66667vw 0 0;
    padding: 4vw;
    position: relative;
    top: 2.4vw;
    z-index: 2
}

.sc-header-container .sc-headerline {
    margin: 2.13333vw 0 3.2vw
}

.sc-header-container .sc-player-header {
    font-family: PingFangSC-Regular,PingFang SC,hupu,LINE Seed Sans App,Alibaba PuHuiTi;
    margin: 0 0 2.13333vw
}

.sc-header-container .sc-player-bg {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1
}

.comment-wrap {
    color: #24262b;
    font-family: PingFangSC-Regular,PingFang SC,hupu,LINE Seed Sans App,Alibaba PuHuiTi;
    font-size: 4.26667vw;
    line-height: 7.46667vw
}

.comment-wrap .quote-comment {
    border-left: 2.6px solid #89909f;
    padding-left: 2.13333vw
}

.comment-wrap .quote-comment-text {
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    color: #89909f;
    display: -webkit-box;
    font-family: PingFangSC-Regular,PingFang SC,hupu,LINE Seed Sans App,Alibaba PuHuiTi;
    font-size: 3.73333vw;
    line-height: 5.86667vw;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis
}

.comment-wrap .quote-imgs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    margin-top: 2.13333vw
}

.comment-wrap .quote-img {
    -ms-flex-negative: 0;
    border-radius: .53333vw;
    flex-shrink: 0;
    font-size: 0;
    height: 26.13333vw;
    margin-right: 1.06667vw;
    -o-object-fit: cover;
    object-fit: cover;
    width: 26.13333vw
}

.comment-wrap .quote-img:last-of-type {
    margin-right: 0
}

.comment-wrap .quote-img.isOne {
    height: 47.2vw;
    width: 47.2vw
}

.comment-wrap .comment {
    margin-top: 2.13333vw
}

.comment-wrap .comment-imgs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    margin-top: 2.13333vw
}

.comment-wrap .comment-img {
    -ms-flex-negative: 0;
    border-radius: .53333vw;
    flex-shrink: 0;
    height: 26.13333vw;
    margin-right: 1.06667vw;
    -o-object-fit: cover;
    object-fit: cover;
    width: 26.13333vw
}

.comment-wrap .comment-img:last-of-type {
    margin-right: 0
}

.comment-wrap .comment-img.isOne {
    height: 47.2vw;
    width: 47.2vw
}

.sc-comment-emj {
    height: 7.46667vw;
    vertical-align: bottom;
    width: 7.46667vw
}

.sc-comment-emj-reply {
    height: 5.86667vw;
    vertical-align: bottom;
    width: 5.86667vw
}

.sc-container {
    background: url(https://activity-static.hoopchina.com.cn/images/23519-6kdgmirc-upload-1684467496963-2.png) 0 0 repeat
}

.sc-container .sc-comment-list {
    color: #333
}

.sc-container .sc-comment-list h2 {
    font-weight: 700
}

.sc-container .sc-header-container .name-area {
    max-width: 50%
}

.sc-header-container .sc-player-bg {
    border-radius: 2.66667vw 2.66667vw 0 0
}

.sc-header-container p.desc {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    color: hsla(0,0%,100%,.6);
    display: -webkit-box;
    font-size: 3.2vw;
    line-height: 4.53333vw;
    margin-top: 1.06667vw;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis
}

.sc-header-container.common .photo-area,.sc-header-container.music .photo-area {
    -webkit-box-flex: 21.33333vw;
    -ms-flex: 21.33333vw 0 0px;
    flex: 21.33333vw 0 0;
    height: 21.33333vw;
    width: 21.33333vw
}

.sc-header-container.common .photo-area img,.sc-header-container.music .photo-area img {
    height: 21.33333vw;
    width: 21.33333vw
}

.share-comment-list-item {
    background: #f6f7f9;
    border-radius: .53333vw;
    padding: 3.2vw 1.33333vw 3.2vw 2.13333vw
}

.share-comment-list-item .user {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between
}

.share-comment-list-item .user-wrapper {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.share-comment-list-item .user-avatar {
    border-radius: 100%;
    height: 8.53333vw;
    width: 8.53333vw
}

.share-comment-list-item .user-info {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-left: 3.2vw
}

.share-comment-list-item .user-info-name {
    color: #262626;
    font-size: 3.73333vw;
    font-weight: 400;
    line-height: 5.33333vw
}

.share-comment-list-item .light-num {
    color: #6c717d;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 3.2vw;
    font-weight: 400;
    line-height: 4.53333vw;
    white-space: nowrap
}

.share-comment-list-item .light-num .icon {
    margin-top: 2.6px
}

.share-comment-list-item .light-num span {
    margin-left: 2.6px
}

.share-comment-list-item .comment-ref {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    border-left: 2.6px solid #89909f;
    color: #89909f;
    display: -webkit-box;
    overflow: hidden;
    padding-left: 2.13333vw;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: normal;
    word-break: break-all
}

.share-comment-list-item .comment-ref,.share-comment-list-item .comment-text {
    font-size: 3.73333vw;
    font-weight: 400;
    line-height: 5.86667vw;
    margin-top: 2.13333vw;
    padding-right: .8vw
}

.share-comment-list-item .comment-text {
    color: #24262b
}

.detail-shout-creator {
    background: -webkit-gradient(linear,left top,right top,from(hsla(0,0%,100%,.1)),to(hsla(0,0%,100%,0)));
    background: -o-linear-gradient(left,hsla(0,0%,100%,.1),hsla(0,0%,100%,0));
    background: linear-gradient(90deg,hsla(0,0%,100%,.1),hsla(0,0%,100%,0));
    border-radius: 1.06667vw;
    -webkit-box-shadow: 0 1.06667vw 2.13333vw 0 rgba(1,7,178,.08);
    box-shadow: 0 1.06667vw 2.13333vw 0 rgba(1,7,178,.08);
    color: hsla(0,0%,100%,.6);
    font-family: PingFangSC-Regular,PingFang SC;
    font-weight: 400;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.detail-shout-creator,.follow-action {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 3.2vw;
    height: 6.4vw;
    line-height: 6.4vw;
    padding: 0 2.13333vw
}

.follow-action {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: var(--toast);
    border-radius: .53333vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-family: hupufont-Regular;
    font-weight: 500;
    margin-left: 4.26667vw;
    z-index: 99999
}

.follow-action .icon-img {
    display: inline-block;
    height: 3.2vw;
    width: 3.2vw
}

.follow-action .text {
    line-height: 6.4vw;
    margin-left: .8vw
}

.follow-action.hide {
    display: none
}

.follow-popup .adm-popup-body {
    background: -webkit-gradient(linear,left top,left bottom,from(var(--bg)),to(var(--bg_data)));
    background: -o-linear-gradient(top,var(--bg) 0,var(--bg_data) 100%);
    background: linear-gradient(180deg,var(--bg) 0,var(--bg_data) 100%);
    border-top-right-radius: 4.26667vw;
    padding: 4.26667vw 13.33333vw 0
}

.follow-popup .title {
    color: var(--secondary_button);
    font-size: 4.26667vw;
    font-weight: 500;
    height: 6.4vw;
    line-height: 6.4vw;
    margin-bottom: 2.13333vw
}

.follow-popup .desc,.follow-popup .title {
    font-family: hupufont-Regular;
    text-align: center
}

.follow-popup .desc {
    color: var(--tertiary_text);
    font-size: 3.73333vw;
    font-weight: 400;
    line-height: 5.86667vw
}

.follow-popup .bg {
    height: 64vw;
    margin-top: 3.2vw;
    width: 100%
}

.follow-popup .ok-text {
    color: var(--primary_button);
    font-family: hupufont-Regular;
    font-size: 4.26667vw;
    font-weight: 500;
    height: 6.4vw;
    height: 19.73333vw;
    line-height: 6.4vw;
    margin-top: 4.53333vw;
    padding-top: 6.4vw;
    position: relative;
    text-align: center
}

.follow-popup .ok-text .line {
    border-bottom: 2.6px solid var(--line);
    display: inline-block;
    left: -13.33333vw;
    position: absolute;
    top: 0;
    width: 100vw
}

.follow-popup .ok-text.andriod {
    padding-bottom: 3.2vw
}

.index-module__hupu-regular-font--PL20U {
    font-family: hupufont-Regular,PingFangSC-Regular,PingFang SC,Helvetica Neue,Helvetica,STHeiTi,Oxygen,Ubuntu,Cantarell,sans-serif
}

.index-module__hupu-medium-font--Od0qV {
    font-family: hupufont-Medium,PingFangSC-Medium,PingFang SC,Helvetica Neue,Helvetica,STHeiTi,Oxygen,Ubuntu,Cantarell,sans-serif
}

.index-module__hupu-font-score--ij5q9 {
    font-size: var(--hupu_font_size_score);
    line-height: 10.13333vw
}

.index-module__hupu-font-statement--y3WFY {
    font-size: var(--hupu_font_size_statement);
    line-height: 8vw
}

.index-module__hupu-font-title1--wjkzW {
    font-size: var(--hupu_font_size_title1);
    line-height: 6.93333vw
}

.index-module__hupu-font-tab1--tsol6 {
    font-size: var(--hupu_font_size_tab1);
    line-height: 6.4vw
}

.index-module__hupu-font-title2--z0nGp {
    font-size: var(--hupu_font_size_title2);
    line-height: 6.4vw
}

.index-module__hupu-font-body1--ykMq5 {
    font-size: var(--hupu_font_size_body1);
    line-height: 7.46667vw
}

.index-module__hupu-font-title3--vYUwK {
    font-size: var(--hupu_font_size_title3);
    line-height: 4.8vw
}

.index-module__hupu-font-body2--RounE {
    font-size: var(--hupu_font_size_body2);
    line-height: 5.86667vw
}

.index-module__hupu-font-body3--Ks08s {
    font-size: var(--hupu_font_size_body3);
    line-height: 8.53333vw
}

.index-module__hupu-font-body4--svlQV {
    font-size: var(--hupu_font_size_body4);
    line-height: 9.6vw
}

.index-module__hupu-font-body5--loWyz {
    font-size: var(--hupu_font_size_body5);
    line-height: 7.73333vw
}

.index-module__hupu-font-callout--zHcUx {
    font-size: var(--hupu_font_size_callout);
    line-height: 4.53333vw
}

.index-module__hupu-font-footnote--bdGhC {
    font-size: 2.93333vw;
    line-height: 3.2vw
}

.index-module__hupu-font-footnote2--k3IAR {
    font-size: 2.4vw;
    line-height: 2.66667vw
}

.index-module__hupu-font-dangerous-footnote--xfkHi {
    font-size: 5.86667vw;
    line-height: 6.4vw;
    -webkit-transform: scale(.5);
    -ms-transform: scale(.5);
    transform: scale(.5)
}

.index-module__hupu-font-dangerous-footnote2--awHIH {
    font-size: 4.8vw;
    line-height: 5.33333vw;
    -webkit-transform: scale(.5);
    -ms-transform: scale(.5);
    transform: scale(.5)
}

.index-module__ellipsis-oneLine--Cyur3 {
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap
}

.index-module__under--Aq7vj {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    background-color: var(--bg_card);
    bottom: 0;
    -webkit-box-shadow: 0 -2.6px 0 0 var(--line);
    box-shadow: 0 -2.6px 0 0 var(--line);
    color: var(--score-color);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    font-family: PingFangSC-Medium,PingFang SC;
    font-size: var(--hupu_font_size_title2);
    font-weight: 500;
    justify-content: center;
    left: 0;
    line-height: 6.4vw;
    padding: 3.2vw 0 10.13333vw;
    position: fixed;
    width: 100vw;
    z-index: 99
}

.index-module__under--Aq7vj.index-module__isAndroid--ATinY {
    padding-bottom: 3.2vw
}

.follow-guard {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: rgba(36,38,43,.9);
    border-radius: 1.06667vw;
    bottom: 10.13333vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 14.66667vw;
    left: 4.26667vw;
    opacity: 1;
    padding: 0 2.13333vw;
    position: fixed;
    -webkit-transform: translateY(26.66667vw);
    -ms-transform: translateY(26.66667vw);
    transform: translateY(26.66667vw);
    width: 91.46667vw;
    z-index: 2000
}

.follow-guard .avart {
    border-radius: .53333vw;
    display: inline-block;
    height: 10.66667vw;
    width: 10.66667vw
}

.follow-guard .content {
    -webkit-box-flex: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1;
    flex: 1;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 10.4vw;
    justify-content: space-between;
    margin-left: 2.13333vw
}

.follow-guard .content .desc {
    color: var(--white_text);
    font-family: hupufont-Regular;
    font-size: 3.73333vw;
    font-weight: 500;
    line-height: 5.33333vw;
    opacity: 1
}

.follow-guard .content .tip {
    color: var(--secondarywhite_text);
    font-size: 3.2vw;
    font-weight: 400;
    line-height: 4.53333vw;
    margin-top: .53333vw
}

.follow-guard .follow-button {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: var(--score-color);
    border-radius: .53333vw;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-family: hupufont-Regular;
    font-size: 3.2vw;
    font-weight: 500;
    height: 6.4vw;
    line-height: 6.4vw;
    margin-left: 4.26667vw;
    padding: 0 2.13333vw;
    z-index: 99999
}

.follow-guard .follow-button .icon-img {
    display: inline-block;
    height: 3.2vw;
    width: 3.2vw
}

.follow-guard .follow-button .text {
    line-height: 6.4vw;
    margin-left: .8vw
}

.fade-in {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

.fade-in,.fade-out {
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.fade-out {
    opacity: 0;
    -webkit-transform: translateY(26.66667vw);
    -ms-transform: translateY(26.66667vw);
    transform: translateY(26.66667vw)
}

.base-comment {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%
}

.base-comment-avatar img {
    border-radius: 50%;
    height: 8.53333vw;
    -o-object-fit: cover;
    object-fit: cover;
    width: 8.53333vw
}

.base-comment-main {
    -webkit-box-flex: 1;
    border-bottom: 2.6px solid var(--line);
    -ms-flex: 1;
    flex: 1;
    padding: 0 4.26667vw 4.26667vw 3.2vw
}

.base-comment-info {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    margin-bottom: 2.66667vw
}

.base-comment-info-rate {
    font-size: 3.2vw
}

.base-comment-info-wrapper {
    margin-top: .53333vw
}

.base-comment-info-nameWrap,.base-comment-info-wrapper {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.base-comment-info-name {
    color: var(--primary_text);
    font-family: hupufont-Regular,sans-serif;
    font-size: var(--hupu_font_size_title3);
    line-height: 4.8vw;
    position: relative
}

.base-comment-info-creator {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: var(--label_bg1);
    border-radius: 2.6px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: var(--score-color);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-family: PingFangSC,PingFang SC;
    font-size: 2.93333vw;
    height: 4.26667vw;
    line-height: 4.26667vw;
    margin-left: 1.06667vw;
    padding: 0 .53333vw;
    white-space: nowrap
}

.base-comment-info-text {
    height: 4.8vw;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 54.13333vw
}

.base-comment-info-address,.base-comment-info-date {
    color: var(--tertiary_text);
    font-family: hupufont-Regular,sans-serif;
    font-size: 2.93333vw;
    line-height: 3.2vw;
    margin-left: 1.06667vw
}

.base-comment-info-more {
    background-color: transparent;
    border: none
}

.base-comment-info-more .icon {
    color: var(--tertiary_text);
    display: block;
    font-size: 4.26667vw
}

.base-comment-tag {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: flex-start;
    max-height: 13.86667vw;
    overflow: hidden
}

.base-comment-tag-item {
    color: var(--secondary_text);
    font-size: 2.93333vw;
    line-height: 3.2vw;
    margin: 0 2.13333vw 2.13333vw 0;
    padding: .8vw 1.33333vw
}

.base-comment-reply-wrapper,.base-comment-tag-item {
    background-color: var(--bg_data);
    border-radius: .53333vw
}

.base-comment-reply-wrapper {
    -webkit-box-sizing: content-box!important;
    box-sizing: content-box!important;
    font-size: var(--hupu_font_size_body2);
    line-height: 5.86667vw;
    padding: 2.13333vw 3.2vw
}

.base-comment-reply-content {
    position: relative
}

.base-comment-reply-expand {
    -webkit-line-clamp: 1000;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: auto;
    padding-bottom: 5.33333vw
}

.base-comment-reply-fold {
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden
}

.base-comment-reply-comment {
    color: var(--tertiary_text);
    font-family: hupufont-Regular,sans-serif;
    font-size: var(--hupu_font_size_body2);
    line-height: 5.86667vw;
    word-break: break-all
}

.base-comment-reply-btn {
    background: -webkit-gradient(linear,right top,left top,from(#f6f7f9),to(rgba(246,247,249,0)));
    background: -o-linear-gradient(right,#f6f7f9 0,rgba(246,247,249,0) 100%);
    background: linear-gradient(270deg,#f6f7f9,rgba(246,247,249,0));
    bottom: 0;
    color: var(--tag1);
    display: block;
    padding-left: 2.13333vw;
    position: absolute;
    right: 0;
    text-align: right;
    width: 13.33333vw;
    z-index: 1
}

.base-comment-reply-span {
    color: var(--tag1)
}

.base-comment-reply-imgs {
    margin-top: 1.06667vw
}

.base-comment-reply-img {
    border-radius: .53333vw;
    font-size: 0;
    height: 23.6vw;
    margin-right: 1.06667vw;
    -o-object-fit: cover;
    object-fit: cover;
    width: 23.6vw
}

.base-comment-reply-img:last-of-type {
    margin-right: 0
}

.base-comment-reply-img.isOne {
    height: 47.2vw;
    width: 47.2vw
}

.base-comment-content-inner {
    word-wrap: break-word;
    word-wrap: anywhere;
    color: var(--primary_text);
    font-family: hupufont-Regular,sans-serif;
    font-size: var(--hupu_font_size_body1);
    line-height: 7.46667vw;
    white-space: pre-line;
    word-break: break-word
}

.base-comment-content-imgs {
    margin-top: 1.06667vw
}

.base-comment-content-imgs.noComment {
    margin-top: 2.13333vw
}

.base-comment-content-img {
    border-radius: .53333vw;
    height: 23.6vw;
    margin-right: 1.06667vw;
    -o-object-fit: cover;
    object-fit: cover;
    width: 23.6vw
}

.base-comment-content-img:last-of-type {
    margin-right: 0
}

.base-comment-content-img.isOne {
    height: 47.2vw;
    width: 47.2vw
}

.base-comment-action {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 3.73333vw
}

.base-comment-action,.base-comment-action-item {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.base-comment-action-item {
    background-color: transparent;
    border: none;
    color: var(--tertiary_text);
    font-family: hupufont-Regular,sans-serif;
    font-size: var(--hupu_font_size_callout);
    line-height: 4.53333vw;
    white-space: nowrap
}

.base-comment-action-item .icon {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    font-size: 4.26667vw
}

.base-comment-action-item img {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 4.26667vw
}

.base-comment-action-item span {
    margin-left: .53333vw
}

.base-comment-action-share {
    display: block;
    text-align: right
}

.base-comment-action-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.base-comment-action-group .base-comment-action-item:not(:first-child) {
    margin-left: 5.33333vw
}

.base-comment-action-group .base-comment-action-item .isLight {
    color: var(--primary_button)
}

.base-comment button {
    padding: 0
}

.base-comment-menu {
    background-color: var(--bg_card);
    border-top-right-radius: 5.33333vw;
    padding-bottom: 10.66667vw
}

.base-comment-menu-item {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    align-items: center;
    background-color: transparent;
    border: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 12.8vw;
    justify-content: center;
    padding: 0;
    width: 100%
}

.base-comment-menu-item-title {
    color: var(--primary_text);
    font-family: hupufont-Regular,sans-serif;
    font-size: var(--hupu_font_size_title2);
    line-height: 6.4vw
}

.base-comment-menu-item-desc {
    color: var(--tertiary_text);
    font-family: hupufont-Regular,sans-serif;
    font-size: 2.93333vw;
    line-height: 3.2vw;
    margin-top: .53333vw
}

.base-comment-menu-line {
    background-color: var(--line);
    height: 2.13333vw
}

.comment-emj {
    height: 7.46667vw;
    vertical-align: bottom;
    width: 7.46667vw
}

.comment-emj-reply {
    height: 5.86667vw;
    vertical-align: bottom;
    width: 5.86667vw
}

.hupu-fufu-lazy-img {
    font-size: 4.26667vw;
    margin: 0;
    max-width: 100vw;
    -o-object-fit: cover;
    object-fit: cover
}

.static-gif-icon {
    background: #24262b;
    border-radius: 2.6px;
    bottom: 1.06667vw;
    color: #fff;
    font-family: PingFangSC,PingFang SC;
    font-size: 2.93333vw;
    font-weight: 400;
    height: 4.26667vw;
    line-height: 4vw;
    opacity: .8;
    position: absolute;
    right: 1.06667vw;
    text-align: center;
    width: 6.93333vw
}

.static-gif {
    display: inline-block;
    overflow: hidden;
    position: relative
}

.static-gif-img {
    border-radius: .53333vw;
    display: block;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.static-gif-img-icon {
    background: #24262b;
    border-radius: 2.6px;
    bottom: 1.06667vw;
    color: #fff;
    font-family: PingFangSC,PingFang SC;
    font-size: 2.93333vw;
    font-weight: 400;
    height: 4.26667vw;
    line-height: 4vw;
    opacity: .8;
    position: absolute;
    right: 1.06667vw;
    text-align: center;
    width: 6.93333vw
}

.comment-fold {
    padding-left: 8.53333vw
}

.comment-fold-content {
    border-bottom: 2.6px solid var(--line);
    color: var(--disable_text);
    font-family: hupufont-Regular;
    font-size: 3.73333vw;
    font-weight: 400;
    line-height: 5.86667vw;
    padding: 3.73333vw 0
}

.report-menu-title {
    color: var(--secondary_button);
    font-size: 4.26667vw;
    font-weight: 500;
    line-height: 6.4vw;
    padding: 4.26667vw 0 0 4.26667vw
}

.report-menu-reason {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 3.2vw 0
}

.report-menu-reason .reason-item {
    background: var(--bg_click);
    border-radius: 1.06667vw;
    color: var(--secondary_text);
    font-size: 3.73333vw;
    line-height: 5.86667vw;
    margin: 1.06667vw;
    padding: 2.4vw 0;
    text-align: center;
    width: calc(50% - 2.13333vw)
}

.report-menu-item {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    align-items: center;
    background-color: transparent;
    border: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 12.8vw;
    justify-content: center;
    padding: 0;
    width: 100%
}

.report-menu-item-title {
    color: var(--primary_text);
    font-family: hupufont-Regular,sans-serif;
    font-size: var(--hupu_font_size_title2);
    line-height: 6.4vw
}

.report-menu-item-desc {
    color: var(--tertiary_text);
    font-family: hupufont-Regular,sans-serif;
    font-size: 2.93333vw;
    line-height: 3.2vw;
    margin-top: .53333vw
}

.report-menu-line {
    background-color: var(--line);
    height: 2.6px
}

.styles-module__hupu-regular-font--NJiyj {
    font-family: hupufont-Regular,PingFangSC-Regular,PingFang SC,Helvetica Neue,Helvetica,STHeiTi,Oxygen,Ubuntu,Cantarell,sans-serif
}

.styles-module__hupu-medium-font--jxrze {
    font-family: hupufont-Medium,PingFangSC-Medium,PingFang SC,Helvetica Neue,Helvetica,STHeiTi,Oxygen,Ubuntu,Cantarell,sans-serif
}

.styles-module__hupu-font-score--RU6v9 {
    font-size: var(--hupu_font_size_score);
    line-height: 10.13333vw
}

.styles-module__hupu-font-statement--f6mgo {
    font-size: var(--hupu_font_size_statement);
    line-height: 8vw
}

.styles-module__hupu-font-title1--slMtI {
    font-size: var(--hupu_font_size_title1);
    line-height: 6.93333vw
}

.styles-module__hupu-font-tab1--YFyYJ {
    font-size: var(--hupu_font_size_tab1);
    line-height: 6.4vw
}

.styles-module__hupu-font-title2--xehDJ {
    font-size: var(--hupu_font_size_title2);
    line-height: 6.4vw
}

.styles-module__hupu-font-body1--epWzj {
    font-size: var(--hupu_font_size_body1);
    line-height: 7.46667vw
}

.styles-module__hupu-font-title3--s1gby {
    font-size: var(--hupu_font_size_title3);
    line-height: 4.8vw
}

.styles-module__hupu-font-body2--wI_GY {
    font-size: var(--hupu_font_size_body2);
    line-height: 5.86667vw
}

.styles-module__hupu-font-body3--zmJnG {
    font-size: var(--hupu_font_size_body3);
    line-height: 8.53333vw
}

.styles-module__hupu-font-body4--r3Fns {
    font-size: var(--hupu_font_size_body4);
    line-height: 9.6vw
}

.styles-module__hupu-font-body5--SO_W6 {
    font-size: var(--hupu_font_size_body5);
    line-height: 7.73333vw
}

.styles-module__hupu-font-callout--NZmdK {
    font-size: var(--hupu_font_size_callout);
    line-height: 4.53333vw
}

.styles-module__hupu-font-footnote--xOJ1o {
    font-size: 2.93333vw;
    line-height: 3.2vw
}

.styles-module__hupu-font-footnote2--P17vy {
    font-size: 2.4vw;
    line-height: 2.66667vw
}

.styles-module__hupu-font-dangerous-footnote--qXayU {
    font-size: 5.86667vw;
    line-height: 6.4vw;
    -webkit-transform: scale(.5);
    -ms-transform: scale(.5);
    transform: scale(.5)
}

.styles-module__hupu-font-dangerous-footnote2--JBmTp {
    font-size: 4.8vw;
    line-height: 5.33333vw;
    -webkit-transform: scale(.5);
    -ms-transform: scale(.5);
    transform: scale(.5)
}

.styles-module__ellipsis-oneLine--Z9_mR {
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap
}

.styles-module__base-comment-menu--cXFkn.styles-module__android--CacrS {
    padding-bottom: 1.6vw
}

.styles-module__base-comment-menu--cXFkn {
    background-color: var(--bg_card);
    border-top-right-radius: 5.33333vw;
    padding-bottom: 10.66667vw
}

.styles-module__base-comment-menu-item--NshE6 {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    align-items: center;
    background-color: transparent;
    border: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 12.8vw;
    justify-content: center;
    padding: 0;
    width: 100%
}

.styles-module__base-comment-menu-item-title--MN86G {
    color: var(--primary_text);
    font-family: hupufont-Regular,sans-serif;
    font-size: var(--hupu_font_size_title2);
    line-height: 6.4vw
}

.styles-module__base-comment-menu-item-desc--ty7eN {
    color: var(--tertiary_text);
    font-family: hupufont-Regular,sans-serif;
    font-size: 2.93333vw;
    line-height: 3.2vw;
    margin-top: .53333vw
}

.styles-module__base-comment-menu-line--M1K82 {
    background-color: var(--line);
    height: 2.13333vw
}

.rc-segmented {
    background-color: rgba(0,0,0,.04);
    display: inline-block;
    padding: .53333vw
}

.rc-segmented-group {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    border-radius: .53333vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-items: flex-start;
    position: relative;
    width: 100%
}

.rc-segmented-item {
    color: rgba(0,0,0,.85);
    cursor: pointer;
    min-height: 7.46667vw;
    padding: 1.06667vw 2.66667vw;
    position: relative;
    text-align: center
}

.rc-segmented-item-selected {
    background-color: #fff;
    color: #262626
}

.rc-segmented-item:focus,.rc-segmented-item:hover {
    color: #262626
}

.rc-segmented-item-disabled,.rc-segmented-item-disabled:focus,.rc-segmented-item-disabled:hover {
    color: rgba(0,0,0,.25);
    cursor: not-allowed
}

.rc-segmented-item-label {
    line-height: 6.4vw;
    z-index: 2
}

.rc-segmented-item-input {
    height: 0;
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 0
}

.rc-segmented-disabled .rc-segmented-item,.rc-segmented-disabled .rc-segmented-item:focus,.rc-segmented-disabled .rc-segmented-item:focus:focus,.rc-segmented-disabled .rc-segmented-item:focus:hover,.rc-segmented-disabled .rc-segmented-item:hover,.rc-segmented-disabled .rc-segmented-item:hover:focus,.rc-segmented-disabled .rc-segmented-item:hover:hover {
    color: rgba(0,0,0,.25);
    cursor: not-allowed
}

.rc-segmented-thumb {
    background-color: #fff;
    height: 100%;
    padding: 1.06667vw 0;
    position: absolute;
    width: 0
}

.rc-segmented-thumb-motion-appear-active,.rc-segmented-thumb-motion-enter-active {
    -webkit-transition: width .3s cubic-bezier(.645,.045,.355,1),-webkit-transform .3s cubic-bezier(.645,.045,.355,1);
    transition: width .3s cubic-bezier(.645,.045,.355,1),-webkit-transform .3s cubic-bezier(.645,.045,.355,1);
    -o-transition: transform .3s cubic-bezier(.645,.045,.355,1),width .3s cubic-bezier(.645,.045,.355,1);
    transition: transform .3s cubic-bezier(.645,.045,.355,1),width .3s cubic-bezier(.645,.045,.355,1);
    transition: transform .3s cubic-bezier(.645,.045,.355,1),width .3s cubic-bezier(.645,.045,.355,1),-webkit-transform .3s cubic-bezier(.645,.045,.355,1);
    will-change: transform,width
}

.rc-segmented-rtl {
    direction: rtl
}

.comment-area {
    background-color: var(--bg);
    overflow: hidden;
    padding-bottom: 22.13333vw;
    padding-left: 4.26667vw
}

.comment-area.isParent {
    border-radius: 2.66667vw 2.66667vw 0 0;
    margin-top: 0!important;
    padding-top: 4.26667vw!important
}

.comment-area .comment-header {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    margin-top: 4.26667vw;
    overflow-y: auto;
    padding-right: 4.26667vw
}

.comment-area .comment-header:first-of-type {
    margin-top: 0
}

.comment-area .comment-title {
    color: var(--primary_text);
    font-family: PingFangSC-Semibold,PingFang SC;
    font-size: 4.26667vw;
    font-weight: 600;
    line-height: 6.4vw
}

.comment-area .comment-title span {
    font-size: 3.2vw;
    letter-spacing: 2.6px;
    line-height: 6.4vw;
    margin-left: 1.06667vw;
    position: relative;
    top: -.53333vw
}

.comment-area .comment-list {
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    align-items: flex-start;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0
}

.comment-area .comment-list-item {
    padding-top: 4.26667vw
}

.comment-area .scroll-tips {
    color: var(--tertiary_text);
    font-family: PingFangSC-Regular,PingFang SC;
    font-size: 3.2vw;
    line-height: 4.53333vw;
    padding: 5.33333vw 0;
    text-align: center
}

.comment-footer {
    background: var(--bg);
    bottom: 0;
    -webkit-box-shadow: 0 0 0 0 #f3f5fc;
    box-shadow: 0 0 0 0 #f3f5fc;
    height: 22.13333vw;
    left: 0;
    position: fixed;
    right: 0;
    z-index: 9
}

.comment-footer .content {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    padding: 2.13333vw 4.26667vw
}

.comment-footer .content .input {
    -webkit-box-flex: 1;
    background: var(--bg_click);
    border-radius: .53333vw;
    color: var(--tertiary_text);
    -ms-flex: 1;
    flex: 1;
    font-size: var(--hupu_font_size_callout);
    height: 8.53333vw;
    line-height: 4.53333vw;
    line-height: 8.53333vw;
    overflow: hidden;
    padding-left: 2.13333vw;
    padding-right: 2.13333vw;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap
}

.comment-footer .content .actions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: 4.26667vw
}

.comment-footer .content .actions-item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: var(--primary_text);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    font-family: hupufont-Regular;
    margin-right: 6.4vw;
    text-align: center
}

.comment-footer .content .actions-item .icon {
    font-size: 6.4vw
}

.comment-footer .content .actions-item span {
    font-family: hupufont-Regular;
    font-size: 2.93333vw;
    line-height: 3.2vw;
    margin-top: .8vw
}

.comment-footer .content .actions-item:last-child {
    margin-right: 0
}

.empty {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    color: var(--tertiary_text);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    font-family: PingFangSC-Regular,PingFang SC;
    font-size: 4.26667vw;
    font-weight: 400;
    justify-content: center;
    margin: 10.66667vw auto;
    padding-right: 4.26667vw
}

.empty img {
    height: 42.66667vw;
    width: 42.66667vw
}

.empty .text {
    line-height: 6.4vw;
    text-align: center
}

.rc-segmented {
    background: var(--bg_click);
    padding: 2.6px
}

.rc-segmented-item {
    -webkit-tap-highlight-color: transparent;
    min-height: 6.4vw
}

.rc-segmented-item-label {
    color: var(--tertiary_text);
    font-family: hupufont-Regular;
    font-size: 3.2vw;
    font-weight: 400;
    line-height: 4.53333vw
}

.rc-segmented-item-selected {
    background-color: var(--bg_card)
}

.rc-segmented-item-selected .rc-segmented-item-label {
    color: var(--primary_text);
    font-family: hupufont-Medium;
    font-weight: 500
}

.rc-segmented-thumb {
    background-color: var(--bg_card)!important
}

.report-score-menu.android {
    padding-bottom: 1.6vw
}

.report-score-menu {
    background-color: var(--bg_card);
    border-top-right-radius: 5.33333vw;
    padding: 3.2vw 3.2vw 8.53333vw
}

.report-score-menu-title {
    color: var(--secondary_button);
    font-size: 4.26667vw;
    font-weight: 500;
    height: 6.4vw;
    line-height: 6.4vw;
    margin-left: 1.06667vw
}

.report-score-menu-reason {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 3.2vw 0
}

.report-score-menu-reason .reason-item {
    background: var(--bg_click);
    border-radius: 1.06667vw;
    color: var(--secondary_text);
    font-size: 3.73333vw;
    line-height: 5.86667vw;
    margin: 1.06667vw;
    padding: 2.4vw 0;
    text-align: center;
    width: calc(50% - 2.13333vw)
}

.report-score-menu-item {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    align-items: center;
    background-color: transparent;
    border: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 12.8vw;
    justify-content: center;
    padding: 0;
    width: 100%
}

.report-score-menu-item-title {
    color: var(--primary_text);
    font-family: hupufont-Regular,sans-serif;
    font-size: var(--hupu_font_size_title2);
    line-height: 6.4vw
}

.report-score-menu-item-desc {
    color: var(--tertiary_text);
    font-family: hupufont-Regular,sans-serif;
    font-size: 2.93333vw;
    line-height: 3.2vw;
    margin-top: .53333vw
}

.report-score-menu-line {
    background-color: var(--line);
    height: 2.6px
}

.light-comment {
    height: 15.2vw;
    margin-bottom: -4.26667vw
}

.all-comment,.all-comment .sticky-inner-wrapper,.all-comment .sticky-inner-wrapper .comment-header,.light-comment .sticky-inner-wrapper,.light-comment .sticky-inner-wrapper .comment-header {
    height: 15.2vw
}

.sticky-outer-wrapper.all-comment .sticky-inner-wrapper,.sticky-outer-wrapper.light-comment.active .sticky-inner-wrapper {
    background-color: var(--bg)
}

.comment-a-module__hupu-regular-font--Dk0aK {
    font-family: hupufont-Regular,PingFangSC-Regular,PingFang SC,Helvetica Neue,Helvetica,STHeiTi,Oxygen,Ubuntu,Cantarell,sans-serif
}

.comment-a-module__hupu-medium-font--_HZHH {
    font-family: hupufont-Medium,PingFangSC-Medium,PingFang SC,Helvetica Neue,Helvetica,STHeiTi,Oxygen,Ubuntu,Cantarell,sans-serif
}

.comment-a-module__hupu-font-score--C3qXX {
    font-size: var(--hupu_font_size_score);
    line-height: 10.13333vw
}

.comment-a-module__hupu-font-statement--S7lCQ {
    font-size: var(--hupu_font_size_statement);
    line-height: 8vw
}

.comment-a-module__hupu-font-title1--Z2wtZ {
    font-size: var(--hupu_font_size_title1);
    line-height: 6.93333vw
}

.comment-a-module__hupu-font-tab1--EdEmB {
    font-size: var(--hupu_font_size_tab1);
    line-height: 6.4vw
}

.comment-a-module__hupu-font-title2--_cTXP {
    font-size: var(--hupu_font_size_title2);
    line-height: 6.4vw
}

.comment-a-module__hupu-font-body1--S2Mm8 {
    font-size: var(--hupu_font_size_body1);
    line-height: 7.46667vw
}

.comment-a-module__hupu-font-title3--XZwmw {
    font-size: var(--hupu_font_size_title3);
    line-height: 4.8vw
}

.comment-a-module__hupu-font-body2--IwUoy {
    font-size: var(--hupu_font_size_body2);
    line-height: 5.86667vw
}

.comment-a-module__hupu-font-body3--jwzvg {
    font-size: var(--hupu_font_size_body3);
    line-height: 8.53333vw
}

.comment-a-module__hupu-font-body4--LbfOx {
    font-size: var(--hupu_font_size_body4);
    line-height: 9.6vw
}

.comment-a-module__hupu-font-body5--kD93R {
    font-size: var(--hupu_font_size_body5);
    line-height: 7.73333vw
}

.comment-a-module__hupu-font-callout--UsXpw {
    font-size: var(--hupu_font_size_callout);
    line-height: 4.53333vw
}

.comment-a-module__hupu-font-footnote--eUfLv {
    font-size: 2.93333vw;
    line-height: 3.2vw
}

.comment-a-module__hupu-font-footnote2--hxcMk {
    font-size: 2.4vw;
    line-height: 2.66667vw
}

.comment-a-module__hupu-font-dangerous-footnote--_2Fos {
    font-size: 5.86667vw;
    line-height: 6.4vw;
    -webkit-transform: scale(.5);
    -ms-transform: scale(.5);
    transform: scale(.5)
}

.comment-a-module__hupu-font-dangerous-footnote2--Bl_sz {
    font-size: 4.8vw;
    line-height: 5.33333vw;
    -webkit-transform: scale(.5);
    -ms-transform: scale(.5);
    transform: scale(.5)
}

.comment-a-module__ellipsis-oneLine--DfMN0 {
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap
}

.comment-a-module__comment-area--y8rWq {
    background-color: var(--bg);
    overflow: hidden;
    padding-left: 4.26667vw
}

.comment-a-module__comment-area--y8rWq.isParent {
    border-radius: 2.66667vw 2.66667vw 0 0;
    margin-top: 0!important
}

.comment-a-module__comment-header--XZX0z {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    margin-top: 4.26667vw;
    overflow-y: auto;
    padding-right: 4.26667vw
}

.comment-a-module__comment-header--XZX0z:first-of-type {
    margin-top: 0
}

.comment-a-module__comment-title--ffR4K {
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    color: var(--primary_text);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-family: PingFangSC-Semibold,PingFang SC;
    font-size: 4.26667vw;
    font-weight: 600;
    line-height: 6.4vw
}

.comment-a-module__comment-title--ffR4K span {
    font-size: 3.2vw;
    margin-left: 1.06667vw;
    position: relative
}

.comment-a-module__comment-list--aZ2dF {
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    align-items: flex-start;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0
}

.comment-a-module__comment-list-item--zCWmX {
    padding-top: 4.26667vw
}

.comment-a-module__comment-list-item--zCWmX.pt0 {
    padding-top: 0
}

.comment-a-module__scroll-tips--ydbHy {
    color: var(--tertiary_text);
    font-family: PingFangSC-Regular,PingFang SC;
    font-size: 3.2vw;
    line-height: 4.53333vw;
    padding: 5.33333vw 0;
    text-align: center
}

.comment-a-module__comment-footer--fOyqK {
    background: var(--bg);
    bottom: 0;
    -webkit-box-shadow: 0 0 0 0 #f3f5fc;
    box-shadow: 0 0 0 0 #f3f5fc;
    height: 22.13333vw;
    left: 0;
    position: fixed;
    right: 0;
    z-index: 9
}

.comment-a-module__comment-footer--fOyqK .comment-a-module__content--A_SwL {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    padding: 2.13333vw 4.26667vw;
    position: relative
}

.comment-a-module__comment-footer--fOyqK .comment-a-module__content--A_SwL .comment-a-module__input--gmVhw {
    -webkit-box-flex: 1;
    background: var(--bg_click);
    border-radius: .53333vw;
    color: var(--tertiary_text);
    -ms-flex: 1;
    flex: 1;
    font-size: var(--hupu_font_size_callout);
    height: 8.53333vw;
    line-height: 4.53333vw;
    line-height: 8.53333vw;
    overflow: hidden;
    padding-left: 2.13333vw;
    padding-right: 2.13333vw;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap
}

.comment-a-module__comment-footer--fOyqK .comment-a-module__content--A_SwL .comment-a-module__actions--AzvMf {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: 4.26667vw
}

.comment-a-module__comment-footer--fOyqK .comment-a-module__content--A_SwL .comment-a-module__actions-item--Tqynq {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: var(--primary_text);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    font-family: hupufont-Regular;
    margin-right: 6.4vw;
    text-align: center
}

.comment-a-module__comment-footer--fOyqK .comment-a-module__content--A_SwL .comment-a-module__actions-item--Tqynq>svg {
    font-size: 6.4vw
}

.comment-a-module__comment-footer--fOyqK .comment-a-module__content--A_SwL .comment-a-module__actions-item--Tqynq>span {
    font-family: hupufont-Regular;
    font-size: 2.93333vw;
    line-height: 3.2vw;
    margin-top: .8vw
}

.comment-a-module__comment-footer--fOyqK .comment-a-module__content--A_SwL .comment-a-module__actions-item--Tqynq:last-child {
    margin-right: 0
}

.comment-a-module__comment-footer--fOyqK .comment-a-module__content--A_SwL .comment-a-module__popIcons--zkLsD {
    -ms-flex-pack: distribute;
    height: 100%;
    justify-content: space-around;
    position: absolute;
    right: 4.26667vw;
    top: 0;
    width: 16vw
}

.comment-a-module__comment-footer--fOyqK .comment-a-module__content--A_SwL .comment-a-module__popIcons--zkLsD,.comment-a-module__empty--ZH2kg {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: var(--tertiary_text);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.comment-a-module__empty--ZH2kg {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -ms-flex-direction: column;
    flex-direction: column;
    font-family: PingFangSC-Regular,PingFang SC;
    font-size: 4.26667vw;
    font-weight: 400;
    justify-content: center;
    margin: 10.66667vw auto;
    padding-right: 4.26667vw
}

.comment-a-module__empty--ZH2kg img {
    height: 42.66667vw;
    width: 42.66667vw
}

.comment-a-module__empty--ZH2kg .comment-a-module__text--JyEAA {
    line-height: 6.4vw;
    text-align: center
}

.comment-a-module__rc-segmented--O6HOw {
    background: var(--bg_click);
    padding: 2.6px
}

.comment-a-module__rc-segmented-item--GKT0k {
    -webkit-tap-highlight-color: transparent;
    min-height: 6.4vw
}

.comment-a-module__rc-segmented-item-label--wbcTS {
    color: var(--tertiary_text);
    font-family: hupufont-Regular;
    font-size: 3.2vw;
    font-weight: 400;
    line-height: 4.53333vw
}

.comment-a-module__rc-segmented-item-selected--vxPOK {
    background-color: var(--bg_card)
}

.comment-a-module__rc-segmented-item-selected--vxPOK .comment-a-module__rc-segmented-item-label--wbcTS {
    color: var(--primary_text);
    font-family: hupufont-Medium;
    font-weight: 500
}

.comment-a-module__rc-segmented-thumb--kr88s {
    background-color: var(--bg_card)!important
}

.comment-a-module__report-score-menu--k4JYu.comment-a-module__android--PgBFI {
    padding-bottom: 1.6vw
}

.comment-a-module__report-score-menu--k4JYu {
    background-color: var(--bg_card);
    border-top-right-radius: 5.33333vw;
    padding: 3.2vw 3.2vw 8.53333vw
}

.comment-a-module__report-score-menu-title--d2cac {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: var(--secondary_button);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-family: hupu-Regular,sans-serif;
    font-size: 4.26667vw;
    font-weight: 500;
    height: 6.4vw;
    line-height: 6.4vw;
    margin-left: 1.06667vw
}

.comment-a-module__report-score-menu-reason--c9i8b {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 3.2vw 0
}

.comment-a-module__report-score-menu-reason--c9i8b .comment-a-module__reason-item--RaWT4 {
    background: var(--bg_click);
    border-radius: 1.06667vw;
    color: var(--secondary_text);
    font-size: 3.73333vw;
    line-height: 5.86667vw;
    margin: 1.06667vw;
    padding: 2.4vw 0;
    text-align: center;
    width: calc(50% - 2.13333vw)
}

.comment-a-module__report-score-menu-item--nBycY {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    align-items: center;
    background-color: transparent;
    border: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 12.8vw;
    justify-content: center;
    padding: 0;
    width: 100%
}

.comment-a-module__report-score-menu-item-title--Avlip {
    color: var(--primary_text);
    font-family: hupufont-Regular,sans-serif;
    font-size: var(--hupu_font_size_title2);
    line-height: 6.4vw
}

.comment-a-module__report-score-menu-item-desc--QzOka {
    color: var(--tertiary_text);
    font-family: hupufont-Regular,sans-serif;
    font-size: 2.93333vw;
    line-height: 3.2vw;
    margin-top: .53333vw
}

.comment-a-module__report-score-menu-line--mCwA8 {
    background-color: var(--line);
    height: 2.6px
}

.comment-a-module__light-comment--BvijV {
    height: 15.2vw
}

.comment-a-module__light-comment--BvijV .comment-a-module__light-comment-inner--bxbb2 {
    background-color: var(--bg);
    height: 15.2vw
}

.comment-a-module__all-comment--amyZ1,.comment-a-module__light-comment--BvijV .comment-a-module__comment-header--XZX0z {
    height: 15.2vw
}

.comment-a-module__all-comment--amyZ1 .comment-a-module__all-comment-inner--bNdPc {
    background-color: var(--bg);
    height: 15.2vw
}

.comment-a-module__all-comment--amyZ1 .comment-a-module__comment-header--XZX0z {
    height: 15.2vw
}

.comment-a-module__all-comment-space--dwMPw {
    padding-bottom: 22.13333vw
}

.a-module__hupu-regular-font--VurrJ {
    font-family: hupufont-Regular,PingFangSC-Regular,PingFang SC,Helvetica Neue,Helvetica,STHeiTi,Oxygen,Ubuntu,Cantarell,sans-serif
}

.a-module__hupu-medium-font--hnHqr {
    font-family: hupufont-Medium,PingFangSC-Medium,PingFang SC,Helvetica Neue,Helvetica,STHeiTi,Oxygen,Ubuntu,Cantarell,sans-serif
}

.a-module__hupu-font-score--iT7xr {
    font-size: var(--hupu_font_size_score);
    line-height: 10.13333vw
}

.a-module__hupu-font-statement--tNSGb {
    font-size: var(--hupu_font_size_statement);
    line-height: 8vw
}

.a-module__hupu-font-title1--U1H7K {
    font-size: var(--hupu_font_size_title1);
    line-height: 6.93333vw
}

.a-module__hupu-font-tab1--XsBir {
    font-size: var(--hupu_font_size_tab1);
    line-height: 6.4vw
}

.a-module__hupu-font-title2--pVO6b {
    font-size: var(--hupu_font_size_title2);
    line-height: 6.4vw
}

.a-module__hupu-font-body1--uenMm {
    font-size: var(--hupu_font_size_body1);
    line-height: 7.46667vw
}

.a-module__hupu-font-title3--R5dBx {
    font-size: var(--hupu_font_size_title3);
    line-height: 4.8vw
}

.a-module__hupu-font-body2--_h11K {
    font-size: var(--hupu_font_size_body2);
    line-height: 5.86667vw
}

.a-module__hupu-font-body3--n7MtB {
    font-size: var(--hupu_font_size_body3);
    line-height: 8.53333vw
}

.a-module__hupu-font-body4--gT1ab {
    font-size: var(--hupu_font_size_body4);
    line-height: 9.6vw
}

.a-module__hupu-font-body5--TbvR3 {
    font-size: var(--hupu_font_size_body5);
    line-height: 7.73333vw
}

.a-module__hupu-font-callout--vqmOv {
    font-size: var(--hupu_font_size_callout);
    line-height: 4.53333vw
}

.a-module__hupu-font-footnote--y7pqI {
    font-size: 2.93333vw;
    line-height: 3.2vw
}

.a-module__hupu-font-footnote2--drhxZ {
    font-size: 2.4vw;
    line-height: 2.66667vw
}

.a-module__hupu-font-dangerous-footnote--yqrgx {
    font-size: 5.86667vw;
    line-height: 6.4vw;
    -webkit-transform: scale(.5);
    -ms-transform: scale(.5);
    transform: scale(.5)
}

.a-module__hupu-font-dangerous-footnote2--SQ7w1 {
    font-size: 4.8vw;
    line-height: 5.33333vw;
    -webkit-transform: scale(.5);
    -ms-transform: scale(.5);
    transform: scale(.5)
}

.a-module__ellipsis-oneLine--E7mX9 {
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap
}

.a-module__base-comment--wgTkx {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%
}

.a-module__base-comment-avatar--FCwD1 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -ms-flex-negative: 0;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    flex-shrink: 0;
    width: 8.53333vw
}

.a-module__base-comment-avatar--FCwD1 img {
    border-radius: 50%;
    height: 8.53333vw;
    -o-object-fit: cover;
    object-fit: cover;
    width: 8.53333vw
}

.a-module__base-comment-vLine--IRBEV {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-top: 2.13333vw;
    width: .53333vw
}

.a-module__base-comment-vLine-inner--B4KIB {
    background-color: var(--line);
    height: 100%;
    width: 100%
}

.a-module__base-comment-main--k4fmT {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 0 4.26667vw 0 3.2vw
}

.a-module__base-comment-main-border--LOjSw {
    border-bottom: 2.6px solid var(--line);
    height: 4.26667vw
}

.a-module__base-comment-main-border--LOjSw.isReplyString {
    border: none;
    height: .53333vw
}

.a-module__base-comment-main-border--LOjSw.hideLookMore {
    border: none
}

.a-module__base-comment-info--l5ocM {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    margin-bottom: 1.6vw
}

.a-module__base-comment-info-rate--BDNY4 {
    font-size: 3.2vw
}

.a-module__base-comment-info-noRate--chwdD {
    color: var(--tertiary_text);
    font-family: hupufont-Regular,sans-serif;
    font-size: 2.93333vw;
    font-weight: 400;
    height: 3.2vw;
    line-height: 3.2vw;
    margin-right: .53333vw
}

.a-module__base-comment-info-wrapper--xlYF3 {
    margin-top: .53333vw
}

.a-module__base-comment-info-nameWrap--k8xFR,.a-module__base-comment-info-wrapper--xlYF3 {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.a-module__base-comment-info-name--wf40V {
    color: var(--primary_text);
    font-family: hupufont-Regular,sans-serif;
    font-size: var(--hupu_font_size_title3);
    line-height: 4.8vw;
    position: relative
}

.a-module__base-comment-info-creator--CclMh {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: var(--label_bg1);
    border-radius: 2.6px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: var(--score-color);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-family: PingFangSC,PingFang SC;
    font-size: 2.93333vw;
    height: 4.26667vw;
    line-height: 4.26667vw;
    margin-left: 1.06667vw;
    padding: 0 .53333vw;
    white-space: nowrap
}

.a-module__base-comment-info-address--PlFRy,.a-module__base-comment-info-date--RBOcW {
    color: var(--tertiary_text);
    font-family: hupufont-Regular,sans-serif;
    font-size: 2.93333vw;
    line-height: 3.2vw;
    margin-left: 1.06667vw
}

.a-module__base-comment-info-more--_uxQB {
    background-color: transparent;
    border: none
}

.a-module__base-comment-info-more-icon--Cb0py {
    color: var(--tertiary_text);
    display: block;
    font-size: 4.26667vw
}

.a-module__base-comment-tag--mi4gm {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: flex-start;
    max-height: 13.86667vw;
    overflow: hidden
}

.a-module__base-comment-tag-item--Jf_LC {
    background-color: var(--bg_data);
    border-radius: .53333vw;
    color: var(--secondary_text);
    font-size: 2.93333vw;
    line-height: 3.2vw;
    margin: 0 2.13333vw 2.13333vw 0;
    padding: .8vw 1.33333vw
}

.a-module__base-comment-reply--l7zCQ {
    padding-bottom: .53333vw;
    padding-top: .53333vw
}

.a-module__base-comment-reply-wrapper--mZTGp {
    background-color: var(--bg_data);
    border-radius: .53333vw;
    -webkit-box-sizing: content-box!important;
    box-sizing: content-box!important;
    font-size: var(--hupu_font_size_body2);
    line-height: 5.86667vw;
    padding: 2.13333vw 3.2vw
}

.a-module__base-comment-reply-content--VCWom {
    position: relative
}

.a-module__base-comment-reply-expand--mp_tn {
    -webkit-line-clamp: 1000;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: auto;
    padding-bottom: 5.33333vw
}

.a-module__base-comment-reply-fold--aGi71 {
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden
}

.a-module__base-comment-reply-comment--eTW2e {
    color: var(--tertiary_text);
    font-family: hupufont-Regular,sans-serif;
    font-size: var(--hupu_font_size_body2);
    line-height: 5.86667vw;
    word-break: break-all
}

.a-module__base-comment-reply-btn--qBe2A {
    background: -webkit-gradient(linear,right top,left top,from(#f6f7f9),to(rgba(246,247,249,0)));
    background: -o-linear-gradient(right,#f6f7f9 0,rgba(246,247,249,0) 100%);
    background: linear-gradient(270deg,#f6f7f9,rgba(246,247,249,0));
    bottom: 0;
    color: var(--tag1);
    display: block;
    padding-left: 2.13333vw;
    position: absolute;
    right: 0;
    text-align: right;
    width: 13.33333vw;
    z-index: 1
}

.a-module__base-comment-reply-span--dhE4m {
    color: var(--tag1)
}

.a-module__base-comment-reply-imgs--Z6ntT {
    margin-top: 1.06667vw
}

.a-module__base-comment-reply-img--YYp7i {
    border-radius: .53333vw;
    font-size: 0;
    height: 23.6vw;
    margin-right: 1.06667vw;
    -o-object-fit: cover;
    object-fit: cover;
    width: 23.6vw
}

.a-module__base-comment-reply-img--YYp7i:last-of-type {
    margin-right: 0
}

.a-module__base-comment-reply-img--YYp7i.isOne {
    height: 47.2vw;
    width: 47.2vw
}

.a-module__base-comment-content-inner--A1HFj {
    word-wrap: break-word;
    word-wrap: anywhere;
    color: var(--primary_text);
    font-family: hupufont-Regular,sans-serif;
    font-size: var(--hupu_font_size_body1);
    line-height: 7.46667vw;
    white-space: pre-line;
    word-break: break-word
}

.a-module__base-comment-content-imgs--DrU2q {
    margin-top: 1.06667vw
}

.a-module__base-comment-content-imgs--DrU2q.noComment {
    margin-top: 2.13333vw
}

.a-module__base-comment-content-img--ED89L {
    border-radius: .53333vw;
    height: 23.6vw;
    margin-right: 1.06667vw;
    -o-object-fit: cover;
    object-fit: cover;
    width: 23.6vw
}

.a-module__base-comment-content-img--ED89L:last-of-type {
    margin-right: 0
}

.a-module__base-comment-content-img--ED89L.isOne {
    height: 47.2vw;
    width: 47.2vw
}

.a-module__base-comment-content-unLight--zRB71 {
    color: var(--tertiary_text)
}

.a-module__base-comment-more--vvGVl {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    color: var(--tag1);
    font-family: PingFangSC,PingFang SC;
    font-size: 3.2vw;
    font-weight: 400;
    height: 4.53333vw;
    line-height: 4.53333vw;
    margin-top: 2.13333vw;
    padding-bottom: 1.6vw
}

.a-module__base-comment-action--ftNhU {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    margin-top: 1.6vw
}

.a-module__base-comment-action--ftNhU.isParent {
    margin-top: 2.66667vw
}

.a-module__base-comment-action-item--LsPIR {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: transparent;
    border: none;
    color: var(--tertiary_text);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-family: hupufont-Regular,sans-serif;
    font-size: var(--hupu_font_size_callout);
    line-height: 4.53333vw;
    white-space: nowrap
}

.a-module__base-comment-action-item--LsPIR>svg {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    font-size: 5.33333vw
}

.a-module__base-comment-action-item--LsPIR>img {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 5.33333vw
}

.a-module__base-comment-action-item--LsPIR>span {
    font-family: PingFangSC,PingFang SC;
    margin-left: .53333vw
}

.a-module__base-comment-action-share--Ims4P {
    display: block;
    text-align: right
}

.a-module__base-comment-action-group--sPULi {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.a-module__base-comment-action-group--sPULi .a-module__base-comment-action-item--LsPIR:not(:first-child) {
    margin-left: 5.33333vw
}

.a-module__base-comment-action-group--sPULi .a-module__base-comment-action-item--LsPIR .a-module__isLight--A3oVO {
    color: var(--primary_button)
}

.a-module__base-comment--wgTkx button {
    padding: 0
}

.a-module__base-comment-menu--Z36R2 {
    background-color: var(--bg_card);
    border-top-right-radius: 5.33333vw;
    padding-bottom: 10.66667vw
}

.a-module__base-comment-menu-item--xlqSA {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    align-items: center;
    background-color: transparent;
    border: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 12.8vw;
    justify-content: center;
    padding: 0;
    width: 100%
}

.a-module__base-comment-menu-item-title--abZsi {
    color: var(--primary_text);
    font-family: hupufont-Regular,sans-serif;
    font-size: var(--hupu_font_size_title2);
    line-height: 6.4vw
}

.a-module__base-comment-menu-item-desc--ew1dP {
    color: var(--tertiary_text);
    font-family: hupufont-Regular,sans-serif;
    font-size: 2.93333vw;
    line-height: 3.2vw;
    margin-top: .53333vw
}

.a-module__base-comment-menu-line--WW9Vb {
    background-color: var(--line);
    height: 2.13333vw
}

.a-module__comment-emj--yJc8S {
    height: 7.46667vw;
    vertical-align: bottom;
    width: 7.46667vw
}

.a-module__comment-emj-reply--rKm0j {
    height: 5.86667vw;
    vertical-align: bottom;
    width: 5.86667vw
}

.index-module__hupu-regular-font--v5bbL {
    font-family: hupufont-Regular,PingFangSC-Regular,PingFang SC,Helvetica Neue,Helvetica,STHeiTi,Oxygen,Ubuntu,Cantarell,sans-serif
}

.index-module__hupu-medium-font--Ixno7 {
    font-family: hupufont-Medium,PingFangSC-Medium,PingFang SC,Helvetica Neue,Helvetica,STHeiTi,Oxygen,Ubuntu,Cantarell,sans-serif
}

.index-module__hupu-font-score--hycaI {
    font-size: var(--hupu_font_size_score);
    line-height: 10.13333vw
}

.index-module__hupu-font-statement--ocBTO {
    font-size: var(--hupu_font_size_statement);
    line-height: 8vw
}

.index-module__hupu-font-title1--k44Oi {
    font-size: var(--hupu_font_size_title1);
    line-height: 6.93333vw
}

.index-module__hupu-font-tab1--xNnrQ {
    font-size: var(--hupu_font_size_tab1);
    line-height: 6.4vw
}

.index-module__hupu-font-title2--prZI3 {
    font-size: var(--hupu_font_size_title2);
    line-height: 6.4vw
}

.index-module__hupu-font-body1--BbQVi {
    font-size: var(--hupu_font_size_body1);
    line-height: 7.46667vw
}

.index-module__hupu-font-title3--paDgs {
    font-size: var(--hupu_font_size_title3);
    line-height: 4.8vw
}

.index-module__hupu-font-body2--C3Fi5 {
    font-size: var(--hupu_font_size_body2);
    line-height: 5.86667vw
}

.index-module__hupu-font-body3--EQuaT {
    font-size: var(--hupu_font_size_body3);
    line-height: 8.53333vw
}

.index-module__hupu-font-body4--hao2f {
    font-size: var(--hupu_font_size_body4);
    line-height: 9.6vw
}

.index-module__hupu-font-body5--Htn5y {
    font-size: var(--hupu_font_size_body5);
    line-height: 7.73333vw
}

.index-module__hupu-font-callout--YMYdi {
    font-size: var(--hupu_font_size_callout);
    line-height: 4.53333vw
}

.index-module__hupu-font-footnote--iOaUI {
    font-size: 2.93333vw;
    line-height: 3.2vw
}

.index-module__hupu-font-footnote2--ZsjJW {
    font-size: 2.4vw;
    line-height: 2.66667vw
}

.index-module__hupu-font-dangerous-footnote--fKUA6 {
    font-size: 5.86667vw;
    line-height: 6.4vw;
    -webkit-transform: scale(.5);
    -ms-transform: scale(.5);
    transform: scale(.5)
}

.index-module__hupu-font-dangerous-footnote2--Kb8cN {
    font-size: 4.8vw;
    line-height: 5.33333vw;
    -webkit-transform: scale(.5);
    -ms-transform: scale(.5);
    transform: scale(.5)
}

.index-module__ellipsis-oneLine--cP8N9 {
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap
}

.index-module__swipeableMain--ApY2z .adm-popup-body {
    background-color: transparent
}

.index-module__swipeable--YtEbo {
    height: calc(100vh - 23.46667vw)
}

.comment-a-pop-module__hupu-regular-font--sIXKb {
    font-family: hupufont-Regular,PingFangSC-Regular,PingFang SC,Helvetica Neue,Helvetica,STHeiTi,Oxygen,Ubuntu,Cantarell,sans-serif
}

.comment-a-pop-module__hupu-medium-font--kh1bW {
    font-family: hupufont-Medium,PingFangSC-Medium,PingFang SC,Helvetica Neue,Helvetica,STHeiTi,Oxygen,Ubuntu,Cantarell,sans-serif
}

.comment-a-pop-module__hupu-font-score--jSRbP {
    font-size: var(--hupu_font_size_score);
    line-height: 10.13333vw
}

.comment-a-pop-module__hupu-font-statement--FGGzx {
    font-size: var(--hupu_font_size_statement);
    line-height: 8vw
}

.comment-a-pop-module__hupu-font-title1--CBR9L {
    font-size: var(--hupu_font_size_title1);
    line-height: 6.93333vw
}

.comment-a-pop-module__hupu-font-tab1--A4D3P {
    font-size: var(--hupu_font_size_tab1);
    line-height: 6.4vw
}

.comment-a-pop-module__hupu-font-title2--Dtpeh {
    font-size: var(--hupu_font_size_title2);
    line-height: 6.4vw
}

.comment-a-pop-module__hupu-font-body1--qia1_ {
    font-size: var(--hupu_font_size_body1);
    line-height: 7.46667vw
}

.comment-a-pop-module__hupu-font-title3--xQkkQ {
    font-size: var(--hupu_font_size_title3);
    line-height: 4.8vw
}

.comment-a-pop-module__hupu-font-body2--ddw5w {
    font-size: var(--hupu_font_size_body2);
    line-height: 5.86667vw
}

.comment-a-pop-module__hupu-font-body3--zGSLo {
    font-size: var(--hupu_font_size_body3);
    line-height: 8.53333vw
}

.comment-a-pop-module__hupu-font-body4--IHNS4 {
    font-size: var(--hupu_font_size_body4);
    line-height: 9.6vw
}

.comment-a-pop-module__hupu-font-body5--PHLcU {
    font-size: var(--hupu_font_size_body5);
    line-height: 7.73333vw
}

.comment-a-pop-module__hupu-font-callout--DOoFm {
    font-size: var(--hupu_font_size_callout);
    line-height: 4.53333vw
}

.comment-a-pop-module__hupu-font-footnote--ZvvoT {
    font-size: 2.93333vw;
    line-height: 3.2vw
}

.comment-a-pop-module__hupu-font-footnote2--sJXNW {
    font-size: 2.4vw;
    line-height: 2.66667vw
}

.comment-a-pop-module__hupu-font-dangerous-footnote--v5t6v {
    font-size: 5.86667vw;
    line-height: 6.4vw;
    -webkit-transform: scale(.5);
    -ms-transform: scale(.5);
    transform: scale(.5)
}

.comment-a-pop-module__hupu-font-dangerous-footnote2--cu2iy {
    font-size: 4.8vw;
    line-height: 5.33333vw;
    -webkit-transform: scale(.5);
    -ms-transform: scale(.5);
    transform: scale(.5)
}

.comment-a-pop-module__ellipsis-oneLine--mIG80 {
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap
}

.comment-a-pop-module__main--yrV0l {
    background: var(--bg);
    border-radius: .53333vw 2.66667vw .53333vw .53333vw;
    height: 100%;
    overflow: hidden;
    position: relative;
    width: 100%
}

.comment-a-pop-module__wrap--DHuLt {
    padding-left: 4.26667vw
}

.comment-a-pop-module__spacer--H3xf_ {
    display: none;
    height: 5.33333vw
}

.comment-a-pop-module__header--n3ayD {
    border-radius: .53333vw 2.66667vw .53333vw .53333vw;
    color: var(--primary_text);
    font-family: PingFangSC,PingFang SC;
    font-size: var(--hupu_font_size_title2);
    font-weight: 500;
    height: 11.73333vw;
    left: 0;
    line-height: 6.4vw;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 10
}

.comment-a-pop-module__headerContent--HYh70 {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    align-items: center;
    background: var(--bg);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    width: 100%
}

.comment-a-pop-module__banner--Tr5sR {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 6.93333vw;
    left: 0;
    opacity: 0;
    overflow: hidden;
    padding-bottom: 0;
    position: absolute;
    top: 11.73333vw;
    -webkit-transition: opacity .3s linear;
    -o-transition: opacity .3s linear;
    transition: opacity .3s linear;
    width: 100%;
    z-index: 10
}

.comment-a-pop-module__bannerInner--JH7Q8 {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    background: var(--line);
    border-radius: 3.46667vw;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: var(--tag1);
    font-family: PingFangSC,PingFang SC;
    font-size: 3.2vw;
    font-weight: 400;
    height: 6.93333vw;
    justify-content: space-between;
    line-height: 4.53333vw;
    margin: 0 auto;
    padding-left: 2.13333vw;
    padding-right: .53333vw;
    width: 29.33333vw
}

.comment-a-pop-module__bannerIcon--MHlsz,.comment-a-pop-module__bannerInner--JH7Q8 {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.comment-a-pop-module__bannerIcon--MHlsz {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    background: var(--tag1_op4);
    border-radius: 50%;
    color: var(--primary_text);
    height: 5.86667vw;
    justify-content: center;
    margin-left: 1.06667vw;
    margin-right: .53333vw;
    width: 5.86667vw
}

.comment-a-pop-module__bannerIcon--MHlsz>svg {
    height: 3.2vw;
    width: 3.2vw
}

.comment-a-pop-module__icon--FuaDu {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 11.73333vw;
    justify-content: center;
    width: 11.73333vw
}

.comment-a-pop-module__content--zUUDm {
    height: 100%;
    padding-top: 11.73333vw;
    width: 100%
}

.comment-a-pop-module__scroll--C9pIQ {
    -webkit-overflow-scrolling: touch;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 100%;
    overflow-y: auto;
    width: 100%
}

.comment-a-pop-module__scroll--C9pIQ::-webkit-scrollbar {
    display: none
}

.comment-a-pop-module__list--IqrFn {
    min-height: 100%
}

.comment-a-pop-module__division--u9Uo6 {
    background: var(--separator);
    height: 2.13333vw;
    width: 100%
}

.comment-a-pop-module__topComment--CF8vf {
    padding-top: 2.13333vw
}

.comment-b-module__hupu-regular-font--DEAE4 {
    font-family: hupufont-Regular,PingFangSC-Regular,PingFang SC,Helvetica Neue,Helvetica,STHeiTi,Oxygen,Ubuntu,Cantarell,sans-serif
}

.comment-b-module__hupu-medium-font--sE1Wi {
    font-family: hupufont-Medium,PingFangSC-Medium,PingFang SC,Helvetica Neue,Helvetica,STHeiTi,Oxygen,Ubuntu,Cantarell,sans-serif
}

.comment-b-module__hupu-font-score--cZCv4 {
    font-size: var(--hupu_font_size_score);
    line-height: 10.13333vw
}

.comment-b-module__hupu-font-statement--NYbih {
    font-size: var(--hupu_font_size_statement);
    line-height: 8vw
}

.comment-b-module__hupu-font-title1--SBVIm {
    font-size: var(--hupu_font_size_title1);
    line-height: 6.93333vw
}

.comment-b-module__hupu-font-tab1--uogDx {
    font-size: var(--hupu_font_size_tab1);
    line-height: 6.4vw
}

.comment-b-module__hupu-font-title2--9DOtS {
    font-size: var(--hupu_font_size_title2);
    line-height: 6.4vw
}

.comment-b-module__hupu-font-body1--retCv {
    font-size: var(--hupu_font_size_body1);
    line-height: 7.46667vw
}

.comment-b-module__hupu-font-title3--BT5lg {
    font-size: var(--hupu_font_size_title3);
    line-height: 4.8vw
}

.comment-b-module__hupu-font-body2--ZnPZB {
    font-size: var(--hupu_font_size_body2);
    line-height: 5.86667vw
}

.comment-b-module__hupu-font-body3--TROU3 {
    font-size: var(--hupu_font_size_body3);
    line-height: 8.53333vw
}

.comment-b-module__hupu-font-body4--i5biD {
    font-size: var(--hupu_font_size_body4);
    line-height: 9.6vw
}

.comment-b-module__hupu-font-body5--i8gmj {
    font-size: var(--hupu_font_size_body5);
    line-height: 7.73333vw
}

.comment-b-module__hupu-font-callout--G34LM {
    font-size: var(--hupu_font_size_callout);
    line-height: 4.53333vw
}

.comment-b-module__hupu-font-footnote--bVhoX {
    font-size: 2.93333vw;
    line-height: 3.2vw
}

.comment-b-module__hupu-font-footnote2--pIIB1 {
    font-size: 2.4vw;
    line-height: 2.66667vw
}

.comment-b-module__hupu-font-dangerous-footnote--bhe7_ {
    font-size: 5.86667vw;
    line-height: 6.4vw;
    -webkit-transform: scale(.5);
    -ms-transform: scale(.5);
    transform: scale(.5)
}

.comment-b-module__hupu-font-dangerous-footnote2--aFIzS {
    font-size: 4.8vw;
    line-height: 5.33333vw;
    -webkit-transform: scale(.5);
    -ms-transform: scale(.5);
    transform: scale(.5)
}

.comment-b-module__ellipsis-oneLine--DGHmy {
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap
}

.comment-b-module__comment-area--tHPcF {
    background-color: var(--bg);
    overflow: hidden;
    padding-bottom: 22.13333vw;
    padding-left: 4.26667vw
}

.comment-b-module__comment-area--tHPcF.comment-b-module__isParent--Iiw1t {
    border-radius: 2.66667vw 2.66667vw 0 0;
    margin-top: 0!important;
    padding-top: 4.26667vw!important
}

.comment-b-module__comment-header--IfDbr {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    margin-top: 4.26667vw;
    overflow-y: auto;
    padding-right: 4.26667vw
}

.comment-b-module__comment-header--IfDbr:first-of-type {
    margin-top: 0
}

.comment-b-module__comment-title--jTkfw {
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    color: var(--primary_text);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-family: PingFangSC-Semibold,PingFang SC;
    font-size: 4.26667vw;
    font-weight: 600;
    line-height: 6.4vw
}

.comment-b-module__comment-title--jTkfw span {
    font-size: 3.2vw;
    letter-spacing: 2.6px;
    line-height: 6.4vw;
    margin-left: 1.06667vw;
    position: relative
}

.comment-b-module__comment-list--PkUDb {
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    align-items: flex-start;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.comment-b-module__scroll-tips--DtJob {
    color: var(--tertiary_text);
    font-family: PingFangSC-Regular,PingFang SC;
    font-size: 3.2vw;
    line-height: 4.53333vw;
    padding: 5.33333vw 0;
    text-align: center
}

.comment-b-module__comment-footer--kZnQc {
    background: var(--bg);
    bottom: 0;
    -webkit-box-shadow: 0 0 0 0 #f3f5fc;
    box-shadow: 0 0 0 0 #f3f5fc;
    height: 22.13333vw;
    left: 0;
    position: fixed;
    right: 0;
    z-index: 9
}

.comment-b-module__comment-footer--kZnQc .comment-b-module__content--eUlAi {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    padding: 2.13333vw 4.26667vw;
    position: relative
}

.comment-b-module__comment-footer--kZnQc .comment-b-module__content--eUlAi .comment-b-module__input--uLknK {
    -webkit-box-flex: 1;
    background: var(--bg_click);
    border-radius: .53333vw;
    color: var(--tertiary_text);
    -ms-flex: 1;
    flex: 1;
    font-size: var(--hupu_font_size_callout);
    height: 8.53333vw;
    line-height: 4.53333vw;
    line-height: 8.53333vw;
    overflow: hidden;
    padding-left: 2.13333vw;
    padding-right: 2.13333vw;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap
}

.comment-b-module__comment-footer--kZnQc .comment-b-module__content--eUlAi .comment-b-module__actions--D7os6 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: 4.26667vw
}

.comment-b-module__comment-footer--kZnQc .comment-b-module__content--eUlAi .comment-b-module__actions-item--obXnH {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: var(--primary_text);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    font-family: hupufont-Regular;
    margin-right: 6.4vw;
    text-align: center
}

.comment-b-module__comment-footer--kZnQc .comment-b-module__content--eUlAi .comment-b-module__actions-item--obXnH>svg {
    font-size: 6.4vw
}

.comment-b-module__comment-footer--kZnQc .comment-b-module__content--eUlAi .comment-b-module__actions-item--obXnH span {
    font-family: hupufont-Regular;
    font-size: 2.93333vw;
    line-height: 3.2vw;
    margin-top: .8vw
}

.comment-b-module__comment-footer--kZnQc .comment-b-module__content--eUlAi .comment-b-module__actions-item--obXnH:last-child {
    margin-right: 0
}

.comment-b-module__comment-footer--kZnQc .comment-b-module__content--eUlAi .comment-b-module__popIcons--OF3SW {
    -ms-flex-pack: distribute;
    height: 100%;
    justify-content: space-around;
    position: absolute;
    right: 4.26667vw;
    top: 0;
    width: 16vw
}

.comment-b-module__comment-footer--kZnQc .comment-b-module__content--eUlAi .comment-b-module__popIcons--OF3SW,.comment-b-module__empty--t0s4b {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: var(--tertiary_text);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.comment-b-module__empty--t0s4b {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -ms-flex-direction: column;
    flex-direction: column;
    font-family: PingFangSC-Regular,PingFang SC;
    font-size: 4.26667vw;
    font-weight: 400;
    justify-content: center;
    margin: 10.66667vw auto;
    padding-right: 4.26667vw
}

.comment-b-module__empty--t0s4b img {
    height: 42.66667vw;
    width: 42.66667vw
}

.comment-b-module__empty--t0s4b .comment-b-module__text--WFp1c {
    line-height: 6.4vw;
    text-align: center
}

.comment-b-module__rc-segmented--yQjll {
    background: var(--bg_click);
    padding: 2.6px
}

.comment-b-module__rc-segmented-item--K082J {
    -webkit-tap-highlight-color: transparent;
    min-height: 6.4vw
}

.comment-b-module__rc-segmented-item-label--izhhf {
    color: var(--tertiary_text);
    font-family: hupufont-Regular;
    font-size: 3.2vw;
    font-weight: 400;
    line-height: 4.53333vw
}

.comment-b-module__rc-segmented-item-selected--O1lRm {
    background-color: var(--bg_card)
}

.comment-b-module__rc-segmented-item-selected--O1lRm .comment-b-module__rc-segmented-item-label--izhhf {
    color: var(--primary_text);
    font-family: hupufont-Medium;
    font-weight: 500
}

.comment-b-module__rc-segmented-thumb--Xw3QN {
    background-color: var(--bg_card)!important
}

.comment-b-module__report-score-menu--xjOi5.comment-b-module__android--dToc4 {
    padding-bottom: 1.6vw
}

.comment-b-module__report-score-menu--xjOi5 {
    background-color: var(--bg_card);
    border-top-right-radius: 5.33333vw;
    padding: 3.2vw 3.2vw 8.53333vw
}

.comment-b-module__report-score-menu-title--O2w9K {
    color: var(--secondary_button);
    font-size: 4.26667vw;
    font-weight: 500;
    height: 6.4vw;
    line-height: 6.4vw;
    margin-left: 1.06667vw
}

.comment-b-module__report-score-menu-reason--hqIf0 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 3.2vw 0
}

.comment-b-module__report-score-menu-reason--hqIf0 .comment-b-module__reason-item--bic9s {
    background: var(--bg_click);
    border-radius: 1.06667vw;
    color: var(--secondary_text);
    font-size: 3.73333vw;
    line-height: 5.86667vw;
    margin: 1.06667vw;
    padding: 2.4vw 0;
    text-align: center;
    width: calc(50% - 2.13333vw)
}

.comment-b-module__report-score-menu-item--mnlyE {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    align-items: center;
    background-color: transparent;
    border: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 12.8vw;
    justify-content: center;
    padding: 0;
    width: 100%
}

.comment-b-module__report-score-menu-item-title--SInhi {
    color: var(--primary_text);
    font-family: hupufont-Regular,sans-serif;
    font-size: var(--hupu_font_size_title2);
    line-height: 6.4vw
}

.comment-b-module__report-score-menu-item-desc--J5brO {
    color: var(--tertiary_text);
    font-family: hupufont-Regular,sans-serif;
    font-size: 2.93333vw;
    line-height: 3.2vw;
    margin-top: .53333vw
}

.comment-b-module__report-score-menu-line--F_lld {
    background-color: var(--line);
    height: 2.6px
}

.comment-b-module__light-comment--muivl {
    height: 15.2vw
}

.comment-b-module__light-comment--muivl .comment-b-module__light-comment-inner--Juj8F {
    background-color: var(--bg);
    height: 15.2vw
}

.comment-b-module__all-comment--Cl5gz,.comment-b-module__light-comment--muivl .comment-b-module__comment-header--IfDbr {
    height: 15.2vw
}

.comment-b-module__all-comment--Cl5gz .comment-b-module__all-comment-inner--xaR9L {
    background-color: var(--bg);
    height: 15.2vw
}

.comment-b-module__all-comment--Cl5gz .comment-b-module__comment-header--IfDbr {
    height: 15.2vw
}

.index-module__hupu-regular-font--_EAIQ {
    font-family: hupufont-Regular,PingFangSC-Regular,PingFang SC,Helvetica Neue,Helvetica,STHeiTi,Oxygen,Ubuntu,Cantarell,sans-serif
}

.index-module__hupu-medium-font--qPBDE {
    font-family: hupufont-Medium,PingFangSC-Medium,PingFang SC,Helvetica Neue,Helvetica,STHeiTi,Oxygen,Ubuntu,Cantarell,sans-serif
}

.index-module__hupu-font-score--DpaJn {
    font-size: var(--hupu_font_size_score);
    line-height: 10.13333vw
}

.index-module__hupu-font-statement--BLZIp {
    font-size: var(--hupu_font_size_statement);
    line-height: 8vw
}

.index-module__hupu-font-title1--zW1Y1 {
    font-size: var(--hupu_font_size_title1);
    line-height: 6.93333vw
}

.index-module__hupu-font-tab1--rvWBH {
    font-size: var(--hupu_font_size_tab1);
    line-height: 6.4vw
}

.index-module__hupu-font-title2--AF4Wd {
    font-size: var(--hupu_font_size_title2);
    line-height: 6.4vw
}

.index-module__hupu-font-body1--FePph {
    font-size: var(--hupu_font_size_body1);
    line-height: 7.46667vw
}

.index-module__hupu-font-title3--xXyQ3 {
    font-size: var(--hupu_font_size_title3);
    line-height: 4.8vw
}

.index-module__hupu-font-body2--ICjtN {
    font-size: var(--hupu_font_size_body2);
    line-height: 5.86667vw
}

.index-module__hupu-font-body3--GJKXy {
    font-size: var(--hupu_font_size_body3);
    line-height: 8.53333vw
}

.index-module__hupu-font-body4--Zn_DQ {
    font-size: var(--hupu_font_size_body4);
    line-height: 9.6vw
}

.index-module__hupu-font-body5--t22TD {
    font-size: var(--hupu_font_size_body5);
    line-height: 7.73333vw
}

.index-module__hupu-font-callout--qjbIe {
    font-size: var(--hupu_font_size_callout);
    line-height: 4.53333vw
}

.index-module__hupu-font-footnote--xYXg6 {
    font-size: 2.93333vw;
    line-height: 3.2vw
}

.index-module__hupu-font-footnote2--z2GZs {
    font-size: 2.4vw;
    line-height: 2.66667vw
}

.index-module__hupu-font-dangerous-footnote--a5H8I {
    font-size: 5.86667vw;
    line-height: 6.4vw;
    -webkit-transform: scale(.5);
    -ms-transform: scale(.5);
    transform: scale(.5)
}

.index-module__hupu-font-dangerous-footnote2--XbwbG {
    font-size: 4.8vw;
    line-height: 5.33333vw;
    -webkit-transform: scale(.5);
    -ms-transform: scale(.5);
    transform: scale(.5)
}

.index-module__ellipsis-oneLine--NPp7u {
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap
}

.index-module__mask--bDbrX {
    height: 100vh;
    width: 100vw;
    z-index: 999999
}

.index-module__wrap--OQAi7 {
    margin-top: 48.53333vw;
    padding: 0 4.26667vw
}

.index-module__title--ps9Jn {
    color: var(--white_text);
    font-family: PingFangSC,PingFang SC;
    font-size: var(--hupu_font_size_title2);
    font-weight: 500;
    height: 8.53333vw;
    line-height: 6.4vw
}

.index-module__inner--KhXtF {
    background: var(--bg_card);
    border-radius: 1.06667vw;
    height: 50.66667vw;
    width: 100%
}

.index-module__text--M2565 {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 39.2vw;
    padding: 3.2vw;
    width: 100%
}

.index-module__text--M2565>textarea {
    color: var(--primary_text);
    font-size: var(--hupu_font_size_body2);
    font-weight: 400;
    height: 100%;
    line-height: 5.86667vw
}

.index-module__text--M2565>textarea::-webkit-input-placeholder {
    color: var(--tertiary_text)
}

.index-module__text--M2565>textarea::-moz-placeholder {
    color: var(--tertiary_text)
}

.index-module__text--M2565>textarea:-ms-input-placeholder {
    color: var(--tertiary_text)
}

.index-module__text--M2565>textarea::-ms-input-placeholder {
    color: var(--tertiary_text)
}

.index-module__text--M2565>textarea::placeholder {
    color: var(--tertiary_text)
}

.index-module__line--C20jg {
    background: var(--line);
    height: 2.6px;
    width: 91.46667vw
}

.index-module__footer--fmaah {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    align-items: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 11.73333vw;
    justify-content: space-between;
    padding: 0 3.2vw;
    width: 100%
}

.index-module__tips--sxH4u {
    -webkit-box-flex: 1;
    -ms-flex-negative: 0;
    color: var(--tertiary_text);
    -ms-flex: 1;
    flex: 1;
    flex-shrink: 0;
    font-family: PingFangSC,PingFang SC;
    font-size: var(--hupu_font_size_callout);
    font-weight: 400;
    margin-right: 3.2vw;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap
}

.index-module__submit--_0WU9 {
    background-color: var(--disable_text);
    border-radius: .53333vw;
    color: var(--white_text);
    font-family: PingFangSC,PingFang SC;
    font-size: var(--hupu_font_size_title3);
    font-weight: 500;
    height: 7.46667vw;
    line-height: 7.46667vw;
    padding: 0;
    text-align: center;
    -webkit-transition: background-color .1s linear;
    -o-transition: background-color .1s linear;
    transition: background-color .1s linear;
    width: 16vw
}

.index-module__canSubmit--HNqx_ {
    background-color: var(--primary_button)
}

.b-module__hupu-regular-font--jbmHg {
    font-family: hupufont-Regular,PingFangSC-Regular,PingFang SC,Helvetica Neue,Helvetica,STHeiTi,Oxygen,Ubuntu,Cantarell,sans-serif
}

.b-module__hupu-medium-font--FFeDF {
    font-family: hupufont-Medium,PingFangSC-Medium,PingFang SC,Helvetica Neue,Helvetica,STHeiTi,Oxygen,Ubuntu,Cantarell,sans-serif
}

.b-module__hupu-font-score--cDQyV {
    font-size: var(--hupu_font_size_score);
    line-height: 10.13333vw
}

.b-module__hupu-font-statement--PCtWh {
    font-size: var(--hupu_font_size_statement);
    line-height: 8vw
}

.b-module__hupu-font-title1--q40LF {
    font-size: var(--hupu_font_size_title1);
    line-height: 6.93333vw
}

.b-module__hupu-font-tab1--ZHTik {
    font-size: var(--hupu_font_size_tab1);
    line-height: 6.4vw
}

.b-module__hupu-font-title2--Dx9kq {
    font-size: var(--hupu_font_size_title2);
    line-height: 6.4vw
}

.b-module__hupu-font-body1--PQSDv {
    font-size: var(--hupu_font_size_body1);
    line-height: 7.46667vw
}

.b-module__hupu-font-title3--gRUy8 {
    font-size: var(--hupu_font_size_title3);
    line-height: 4.8vw
}

.b-module__hupu-font-body2--Dol5P {
    font-size: var(--hupu_font_size_body2);
    line-height: 5.86667vw
}

.b-module__hupu-font-body3--RzzFD {
    font-size: var(--hupu_font_size_body3);
    line-height: 8.53333vw
}

.b-module__hupu-font-body4--wneu9 {
    font-size: var(--hupu_font_size_body4);
    line-height: 9.6vw
}

.b-module__hupu-font-body5--PkA0s {
    font-size: var(--hupu_font_size_body5);
    line-height: 7.73333vw
}

.b-module__hupu-font-callout--diQZ7 {
    font-size: var(--hupu_font_size_callout);
    line-height: 4.53333vw
}

.b-module__hupu-font-footnote--nEbjE {
    font-size: 2.93333vw;
    line-height: 3.2vw
}

.b-module__hupu-font-footnote2--lWApv {
    font-size: 2.4vw;
    line-height: 2.66667vw
}

.b-module__hupu-font-dangerous-footnote--tIYZz {
    font-size: 5.86667vw;
    line-height: 6.4vw;
    -webkit-transform: scale(.5);
    -ms-transform: scale(.5);
    transform: scale(.5)
}

.b-module__hupu-font-dangerous-footnote2--o8Z5J {
    font-size: 4.8vw;
    line-height: 5.33333vw;
    -webkit-transform: scale(.5);
    -ms-transform: scale(.5);
    transform: scale(.5)
}

.b-module__ellipsis-oneLine--X2scy {
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap
}

.b-module__base-comment-list--b4B4z.b-module__isFirst--kZU73 {
    padding-top: 0
}

.b-module__base-comment-list--b4B4z.b-module__hsaNoChildren--Hb7Bt {
    padding-bottom: 2.66667vw
}

.b-module__base-comment-list--b4B4z {
    padding: 4.26667vw 0 2.66667vw;
    position: relative
}

.b-module__base-comment-list--b4B4z .b-module__base-comment-second--psouP:after {
    background-color: var(--line);
    bottom: 0;
    content: "";
    display: block;
    height: 2.6px;
    position: absolute;
    right: 4vw;
    width: 80vw
}

.b-module__base-comment-list--b4B4z .header-comment:after {
    bottom: 0;
    content: "";
    display: block;
    height: 0;
    left: 0;
    position: absolute;
    width: 0
}

.b-module__base-comment-sub-list--uapmo.b-module__hideReply--PFP4F {
    padding-bottom: 1.6vw
}

.b-module__base-comment-sub-list--uapmo {
    padding: 0 0 2.13333vw 11.73333vw
}

.b-module__base-comment-sub-list-inner--x2i30 {
    padding-top: 2.13333vw
}

.b-module__base-comment-sub-list-inner--x2i30:last-of-type {
    padding-bottom: 2.13333vw
}

.b-module__base-comment-sub-list--uapmo .b-module__base-comment-more--Knzve {
    margin-left: 0
}

.b-module__base-comment-sub-list--uapmo .b-module__base-comment-more-icon--wXGms {
    margin-left: .53333vw
}

.b-module__base-comment-sub-list--uapmo .b-module__base-comment-more--Knzve.b-module__isOpen--jAKTE {
    margin-left: 8.8vw
}

.b-module__base-comment-sub-list--uapmo .b-module__base-comment-open-more--cxmKf {
    color: var(--tag1);
    font-family: PingFangSC,PingFang SC;
    font-size: 3.2vw;
    font-weight: 400;
    height: 4.53333vw;
    line-height: 4.53333vw;
    margin-bottom: -.53333vw
}

.b-module__base-comment-sub-list--uapmo .b-module__base-comment-open-more-icon--JgXpk {
    margin-left: .53333vw;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.b-module__base-comment-sub-list--uapmo .b-module__spin--MeW8q {
    height: 4vw;
    width: 4vw
}

.b-module__base-comment-sub-list--uapmo .b-module__base-comment-open-more--cxmKf.b-module__open--tzzEH {
    margin-left: 8.8vw;
    margin-top: 4.8vw
}

.b-module__base-comment-sub-list--uapmo .b-module__base-comment-open-more--cxmKf.b-module__descendantCount--eT78Y {
    height: 3.25333vw;
    line-height: 3.25333vw;
    margin-top: 1.06667vw
}

.b-module__base-comment-second--psouP {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%
}

.b-module__base-comment-avatar--iufFT {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -ms-flex-negative: 0;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    flex-shrink: 0;
    height: 8.53333vw;
    width: 8.53333vw
}

.b-module__base-comment-avatar--iufFT img {
    border-radius: 50%;
    height: 8.53333vw;
    -o-object-fit: cover;
    object-fit: cover;
    width: 8.53333vw
}

.b-module__base-comment-vLine--tzfVW {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 1.86667vw 0;
    width: .53333vw
}

.b-module__base-comment-vLine-inner--mkeXO {
    background-color: var(--bg_card);
    height: 100%;
    width: 100%
}

.b-module__base-comment-main--VyKQq {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 0 4.26667vw 0 3.2vw
}

.b-module__base-comment-main--VyKQq.isReplyString {
    border: none
}

.b-module__base-comment-info--ZSdxO {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between
}

.b-module__base-comment-info-group--XRHtk {
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 4.53333vw;
    line-height: 4.53333vw;
    margin: 2.13333vw 0 1.6vw
}

.b-module__base-comment-info-inner--mrXNV {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    font-family: hupufont-Regular,sans-serif;
    height: 4.53333vw;
    max-width: 71.2vw;
    overflow: hidden;
    position: relative;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap
}

.b-module__base-comment-info-inner--mrXNV.isSubComment {
    max-width: 62.13333vw
}

.b-module__base-comment-info-address--DP5om,.b-module__base-comment-info-date--aqApp {
    color: var(--tertiary_text);
    font-family: hupufont-Regular,sans-serif;
    font-size: var(--hupu_font_size_callout);
    line-height: 4.53333vw
}

.b-module__base-comment-info-address--DP5om {
    margin-left: 2.13333vw
}

.b-module__base-comment-info-reply--vcS9Y {
    color: var(--secondary_text);
    font-family: hupufont-Regular,sans-serif;
    font-size: var(--hupu_font_size_callout);
    line-height: 4.53333vw;
    margin-left: 2.13333vw
}

.b-module__base-comment-info-rate--IM5Bx {
    font-size: 3.2vw
}

.b-module__base-comment-info-rate--IM5Bx>svg {
    font-size: 3.2vw!important
}

.b-module__base-comment-info-noRate--e4WIK {
    color: var(--tertiary_text);
    font-family: PingFangSC,PingFang SC;
    font-size: 2.93333vw;
    font-weight: 400;
    height: 3.2vw;
    line-height: 3.2vw;
    margin-right: .53333vw
}

.b-module__base-comment-info-wrapper--Iz_Y1 {
    margin-top: .53333vw
}

.b-module__base-comment-info-nameWrap--wjSbA,.b-module__base-comment-info-wrapper--Iz_Y1 {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.b-module__base-comment-info-name--Om0Vf {
    color: var(--primary_text);
    font-family: hupufont-Regular,sans-serif;
    font-size: var(--hupu_font_size_title3);
    line-height: 4.8vw;
    position: relative
}

.b-module__base-comment-info-creator--tKfBJ {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: var(--label_bg1);
    border-radius: 2.6px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: var(--score-color);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-family: PingFangSC,PingFang SC;
    font-size: 2.93333vw;
    height: 4.26667vw;
    line-height: 4.26667vw;
    margin-left: 1.06667vw;
    padding: 0 .53333vw;
    white-space: nowrap
}

.b-module__base-comment-info-more--mm4Hc {
    background-color: transparent;
    border: none
}

.b-module__base-comment-info-more-icon--VEQeo {
    color: var(--tertiary_text);
    display: block;
    font-size: 4.26667vw;
    margin-left: .53333vw
}

.b-module__base-comment-tag--uMVsC {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: flex-start;
    max-height: 13.86667vw;
    overflow: hidden
}

.b-module__base-comment-tag-item--g_thu {
    background-color: var(--bg_data);
    border-radius: .53333vw;
    color: var(--secondary_text);
    font-size: 2.93333vw;
    line-height: 3.2vw;
    margin: 0 2.13333vw 2.13333vw 0;
    padding: .8vw 1.33333vw
}

.b-module__base-comment-content-inner--uZCDq {
    word-wrap: break-word;
    word-wrap: anywhere;
    color: var(--primary_text);
    font-family: hupufont-Regular,sans-serif;
    font-size: var(--hupu_font_size_body1);
    line-height: 7.46667vw;
    white-space: pre-line;
    word-break: break-word
}

.b-module__base-comment-content-inner-parent--zJ2oM {
    color: var(--tertiary_text);
    margin: 0 1.33333vw
}

.b-module__base-comment-content-text--_9rPR {
    margin-top: 2.13333vw
}

.b-module__base-comment-content-imgs--KTROT,.b-module__base-comment-content-imgs--KTROT.noComment {
    margin: 2.13333vw 0
}

.b-module__base-comment-content-imgs--KTROT.small .static-gif.base-comment-content-img {
    height: 20vw;
    width: 20vw
}

.b-module__base-comment-content-img--MKI9Y {
    border-radius: .53333vw;
    height: 23.6vw;
    margin-right: 1.06667vw;
    -o-object-fit: cover;
    object-fit: cover;
    width: 23.6vw
}

.b-module__base-comment-content-img--MKI9Y:last-of-type {
    margin-right: 0
}

.b-module__base-comment-content-img--MKI9Y.isOne {
    height: 47.2vw;
    width: 47.2vw
}

.b-module__base-comment-content-unLight--ggBvr {
    color: var(--tertiary_text);
    line-height: 7.46667vw;
    margin-bottom: 1.06667vw;
    margin-top: 2.13333vw
}

.b-module__base-comment-more--Knzve {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    color: var(--tag1);
    font-family: PingFangSC,PingFang SC;
    font-size: 3.2vw;
    font-weight: 400;
    height: 4.53333vw;
    line-height: 4.53333vw;
    padding-top: 1.06667vw
}

.b-module__base-comment-action--kspen {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    margin-top: 3.73333vw
}

.b-module__base-comment-action-item--UaaD6 {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    background-color: transparent;
    border: none;
    color: var(--tertiary_text);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-family: hupufont-Regular,sans-serif;
    font-size: var(--hupu_font_size_callout);
    line-height: 4.53333vw;
    white-space: nowrap
}

.b-module__base-comment-action-item--UaaD6 .icon {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    font-size: 4.8vw
}

.b-module__base-comment-action-item--UaaD6 img {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 4.8vw
}

.b-module__base-comment-action-item--UaaD6 span {
    font-size: var(--hupu_font_size_title3);
    line-height: 4.8vw;
    margin-left: .53333vw
}

.b-module__base-comment-action-share--cl44T {
    display: block;
    text-align: right
}

.b-module__base-comment-action-group--ObyCV {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.b-module__base-comment-action-group--ObyCV .b-module__base-comment-action-item--UaaD6:not(:first-child) {
    margin-left: 5.33333vw
}

.b-module__base-comment-action-group--ObyCV .b-module__base-comment-action-item--UaaD6 .b-module__isLight--m5RHt {
    color: var(--primary_button)
}

.b-module__base-comment--O1TFe button {
    padding: 0
}

.b-module__base-comment-action-item--UaaD6 .isLight {
    color: var(--primary_button)
}

.b-module__base-comment-menu--cnv3l {
    background-color: var(--bg_card);
    border-top-right-radius: 5.33333vw;
    padding-bottom: 10.66667vw
}

.b-module__base-comment-menu-item--d4ozv {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    align-items: center;
    background-color: transparent;
    border: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 12.8vw;
    justify-content: center;
    padding: 0;
    width: 100%
}

.b-module__base-comment-menu-item-title--l8GIS {
    color: var(--primary_text);
    font-family: hupufont-Regular,sans-serif;
    font-size: var(--hupu_font_size_title2);
    line-height: 6.4vw
}

.b-module__base-comment-menu-item-desc--lF64I {
    color: var(--tertiary_text);
    font-family: hupufont-Regular,sans-serif;
    font-size: 2.93333vw;
    line-height: 3.2vw;
    margin-top: .53333vw
}

.b-module__base-comment-menu-line--WKMLx {
    background-color: var(--line);
    height: 2.13333vw
}

.b-module__comment-emj--r5w57 {
    height: 7.46667vw;
    vertical-align: bottom;
    width: 7.46667vw
}

.b-module__comment-emj-reply--wR6Xt {
    height: 5.86667vw;
    vertical-align: bottom;
    width: 5.86667vw
}

.b-module__isLast--vOFqX {
    margin-bottom: -4.26667vw;
    padding-bottom: 0
}

.b-module__subCommentList--HxY_Y .b-module__base-comment-info-name--Om0Vf {
    color: var(--tertiary_text);
    font-size: var(--hupu_font_size_title3);
    line-height: 4.8vw
}

.b-module__subCommentList--HxY_Y .b-module__base-comment-avatar--iufFT {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 5.86667vw;
    width: 5.86667vw
}

.b-module__subCommentList--HxY_Y .b-module__base-comment-avatar--iufFT img {
    border-radius: 50%;
    height: 5.86667vw;
    margin-top: 1.33333vw;
    -o-object-fit: cover;
    object-fit: cover;
    width: 5.86667vw
}

.one-img-module__hupu-regular-font--wQkAu {
    font-family: hupufont-Regular,PingFangSC-Regular,PingFang SC,Helvetica Neue,Helvetica,STHeiTi,Oxygen,Ubuntu,Cantarell,sans-serif
}

.one-img-module__hupu-medium-font--w2asF {
    font-family: hupufont-Medium,PingFangSC-Medium,PingFang SC,Helvetica Neue,Helvetica,STHeiTi,Oxygen,Ubuntu,Cantarell,sans-serif
}

.one-img-module__hupu-font-score--TQ4cP {
    font-size: var(--hupu_font_size_score);
    line-height: 10.13333vw
}

.one-img-module__hupu-font-statement--NMFP5 {
    font-size: var(--hupu_font_size_statement);
    line-height: 8vw
}

.one-img-module__hupu-font-title1--giS0t {
    font-size: var(--hupu_font_size_title1);
    line-height: 6.93333vw
}

.one-img-module__hupu-font-tab1--Mxn2n {
    font-size: var(--hupu_font_size_tab1);
    line-height: 6.4vw
}

.one-img-module__hupu-font-title2--Dz4eP {
    font-size: var(--hupu_font_size_title2);
    line-height: 6.4vw
}

.one-img-module__hupu-font-body1--dofpt {
    font-size: var(--hupu_font_size_body1);
    line-height: 7.46667vw
}

.one-img-module__hupu-font-title3--Dns67 {
    font-size: var(--hupu_font_size_title3);
    line-height: 4.8vw
}

.one-img-module__hupu-font-body2--s0uvk {
    font-size: var(--hupu_font_size_body2);
    line-height: 5.86667vw
}

.one-img-module__hupu-font-body3--Ey96K {
    font-size: var(--hupu_font_size_body3);
    line-height: 8.53333vw
}

.one-img-module__hupu-font-body4--Dr3t5 {
    font-size: var(--hupu_font_size_body4);
    line-height: 9.6vw
}

.one-img-module__hupu-font-body5--poGTH {
    font-size: var(--hupu_font_size_body5);
    line-height: 7.73333vw
}

.one-img-module__hupu-font-callout--JmvUC {
    font-size: var(--hupu_font_size_callout);
    line-height: 4.53333vw
}

.one-img-module__hupu-font-footnote--wA5gK {
    font-size: 2.93333vw;
    line-height: 3.2vw
}

.one-img-module__hupu-font-footnote2--DvIL5 {
    font-size: 2.4vw;
    line-height: 2.66667vw
}

.one-img-module__hupu-font-dangerous-footnote--H9yDd {
    font-size: 5.86667vw;
    line-height: 6.4vw;
    -webkit-transform: scale(.5);
    -ms-transform: scale(.5);
    transform: scale(.5)
}

.one-img-module__hupu-font-dangerous-footnote2--Y7HfN {
    font-size: 4.8vw;
    line-height: 5.33333vw;
    -webkit-transform: scale(.5);
    -ms-transform: scale(.5);
    transform: scale(.5)
}

.one-img-module__ellipsis-oneLine--e3joN {
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap
}

.one-img-module__oneImg--UnOR3 {
    height: 47.2vw;
    -o-object-fit: cover;
    object-fit: cover;
    width: 47.2vw
}

.one-img-module__s1_3_3_4--GjfnS,.one-img-module__s__1_3--NzMuw {
    height: 62.93333vw;
    -o-object-fit: cover;
    object-fit: cover;
    width: 47.2vw
}

.one-img-module__s3_4_4_3--jpNXp {
    height: auto;
    -o-object-fit: cover;
    object-fit: cover;
    width: 47.2vw
}

.one-img-module__s3_--wNIWp,.one-img-module__s4_3_3--iCuCt {
    height: 47.2vw;
    -o-object-fit: cover;
    object-fit: cover;
    width: 62.93333vw
}

.comment-b-pop-module__hupu-regular-font--ApUmM {
    font-family: hupufont-Regular,PingFangSC-Regular,PingFang SC,Helvetica Neue,Helvetica,STHeiTi,Oxygen,Ubuntu,Cantarell,sans-serif
}

.comment-b-pop-module__hupu-medium-font--vMiYh {
    font-family: hupufont-Medium,PingFangSC-Medium,PingFang SC,Helvetica Neue,Helvetica,STHeiTi,Oxygen,Ubuntu,Cantarell,sans-serif
}

.comment-b-pop-module__hupu-font-score--iYYn9 {
    font-size: var(--hupu_font_size_score);
    line-height: 10.13333vw
}

.comment-b-pop-module__hupu-font-statement--QUNrs {
    font-size: var(--hupu_font_size_statement);
    line-height: 8vw
}

.comment-b-pop-module__hupu-font-title1--ReK5Z {
    font-size: var(--hupu_font_size_title1);
    line-height: 6.93333vw
}

.comment-b-pop-module__hupu-font-tab1--WRCGa {
    font-size: var(--hupu_font_size_tab1);
    line-height: 6.4vw
}

.comment-b-pop-module__hupu-font-title2--NKaqo {
    font-size: var(--hupu_font_size_title2);
    line-height: 6.4vw
}

.comment-b-pop-module__hupu-font-body1--Us_gt {
    font-size: var(--hupu_font_size_body1);
    line-height: 7.46667vw
}

.comment-b-pop-module__hupu-font-title3--JB8wS {
    font-size: var(--hupu_font_size_title3);
    line-height: 4.8vw
}

.comment-b-pop-module__hupu-font-body2--FatVJ {
    font-size: var(--hupu_font_size_body2);
    line-height: 5.86667vw
}

.comment-b-pop-module__hupu-font-body3--RtsAf {
    font-size: var(--hupu_font_size_body3);
    line-height: 8.53333vw
}

.comment-b-pop-module__hupu-font-body4--C3aBb {
    font-size: var(--hupu_font_size_body4);
    line-height: 9.6vw
}

.comment-b-pop-module__hupu-font-body5--SZjJ6 {
    font-size: var(--hupu_font_size_body5);
    line-height: 7.73333vw
}

.comment-b-pop-module__hupu-font-callout--WLCI8 {
    font-size: var(--hupu_font_size_callout);
    line-height: 4.53333vw
}

.comment-b-pop-module__hupu-font-footnote--NP5KK {
    font-size: 2.93333vw;
    line-height: 3.2vw
}

.comment-b-pop-module__hupu-font-footnote2--Apycp {
    font-size: 2.4vw;
    line-height: 2.66667vw
}

.comment-b-pop-module__hupu-font-dangerous-footnote--Tg9TU {
    font-size: 5.86667vw;
    line-height: 6.4vw;
    -webkit-transform: scale(.5);
    -ms-transform: scale(.5);
    transform: scale(.5)
}

.comment-b-pop-module__hupu-font-dangerous-footnote2--JHfgy {
    font-size: 4.8vw;
    line-height: 5.33333vw;
    -webkit-transform: scale(.5);
    -ms-transform: scale(.5);
    transform: scale(.5)
}

.comment-b-pop-module__ellipsis-oneLine--O8ry2 {
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap
}

.comment-b-pop-module__main--clI5I {
    background: var(--bg);
    border-top-right-radius: 5.33333vw;
    height: 100%;
    overflow: hidden;
    position: relative;
    width: 100%
}

.comment-b-pop-module__wrap--BybGp {
    padding-left: 4.26667vw
}

.comment-b-pop-module__header--xq7Uw {
    background: var(--bg);
    border-radius: .53333vw 2.66667vw .53333vw .53333vw;
    color: var(--primary_text);
    font-family: PingFangSC,PingFang SC;
    font-size: var(--hupu_font_size_title2);
    font-weight: 500;
    left: 0;
    line-height: 6.4vw;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 10
}

.comment-b-pop-module__headerContent--zDhdY {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 11.73333vw;
    justify-content: flex-end;
    width: 100%
}

.comment-b-pop-module__headerContent--zDhdY .comment-b-pop-module__title--zq7my {
    margin-right: 30.66667vw
}

.comment-b-pop-module__banner--CFQjq {
    background: var(--bg);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 0;
    overflow: hidden;
    padding-bottom: 0;
    -webkit-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear
}

.comment-b-pop-module__banner--CFQjq.topMoreBtn {
    height: 6.93333vw;
    padding-bottom: .53333vw
}

.comment-b-pop-module__bannerInner--Vn7Z7 {
    background: var(--line);
    border-radius: 3.46667vw;
    color: var(--tag1);
    font-family: PingFangSC,PingFang SC;
    font-size: 3.2vw;
    font-weight: 400;
    height: 6.93333vw;
    line-height: 4.53333vw;
    margin: 0 auto;
    width: 32vw
}

.comment-b-pop-module__bannerIcon--kuuXb,.comment-b-pop-module__bannerInner--Vn7Z7 {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center
}

.comment-b-pop-module__bannerIcon--kuuXb {
    background: var(--tag1_op4);
    border-radius: 50%;
    color: var(--primary_text);
    height: 5.86667vw;
    margin-left: 1.06667vw;
    width: 5.86667vw
}

.comment-b-pop-module__bannerIcon--kuuXb>svg {
    height: 3.2vw;
    margin-bottom: 2.6px;
    margin-right: 2.6px;
    width: 3.2vw
}

.comment-b-pop-module__icon--GDEWt {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 11.73333vw;
    justify-content: center;
    width: 11.73333vw
}

.comment-b-pop-module__content--LHRzl {
    height: 100%;
    padding-top: 11.73333vw;
    width: 100%
}

.comment-b-pop-module__content--LHRzl .comment-b-pop-module__commentData--ornVC {
    padding: 0 0 0 4.26667vw
}

.comment-b-pop-module__content--LHRzl.hasMore {
    padding-top: 19.2vw
}

.comment-b-pop-module__scroll--iHWDf {
    -webkit-overflow-scrolling: touch;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 100%;
    overflow-y: auto;
    width: 100%
}

.comment-b-pop-module__scroll--iHWDf::-webkit-scrollbar {
    display: none
}

.comment-b-pop-module__division--IJ08b {
    background: var(--separator);
    height: 2.13333vw;
    width: 100%
}

.comment-b-pop-module__wrap--BybGp {
    padding-bottom: 22.13333vw
}

.hupu-regular-font {
    font-family: hupufont-Regular,PingFangSC-Regular,PingFang SC,Helvetica Neue,Helvetica,STHeiTi,Oxygen,Ubuntu,Cantarell,sans-serif
}

.hupu-medium-font {
    font-family: hupufont-Medium,PingFangSC-Medium,PingFang SC,Helvetica Neue,Helvetica,STHeiTi,Oxygen,Ubuntu,Cantarell,sans-serif
}

.hupu-font-score {
    font-size: var(--hupu_font_size_score);
    line-height: 10.13333vw
}

.hupu-font-statement {
    font-size: var(--hupu_font_size_statement);
    line-height: 8vw
}

.hupu-font-title1 {
    font-size: var(--hupu_font_size_title1);
    line-height: 6.93333vw
}

.hupu-font-tab1 {
    font-size: var(--hupu_font_size_tab1);
    line-height: 6.4vw
}

.hupu-font-title2 {
    font-size: var(--hupu_font_size_title2);
    line-height: 6.4vw
}

.hupu-font-body1 {
    font-size: var(--hupu_font_size_body1);
    line-height: 7.46667vw
}

.hupu-font-title3 {
    font-size: var(--hupu_font_size_title3);
    line-height: 4.8vw
}

.hupu-font-body2 {
    font-size: var(--hupu_font_size_body2);
    line-height: 5.86667vw
}

.hupu-font-body3 {
    font-size: var(--hupu_font_size_body3);
    line-height: 8.53333vw
}

.hupu-font-body4 {
    font-size: var(--hupu_font_size_body4);
    line-height: 9.6vw
}

.hupu-font-body5 {
    font-size: var(--hupu_font_size_body5);
    line-height: 7.73333vw
}

.hupu-font-callout {
    font-size: var(--hupu_font_size_callout);
    line-height: 4.53333vw
}

.hupu-font-footnote {
    font-size: 2.93333vw;
    line-height: 3.2vw
}

.hupu-font-footnote2 {
    font-size: 2.4vw;
    line-height: 2.66667vw
}

.hupu-font-dangerous-footnote {
    font-size: 5.86667vw;
    line-height: 6.4vw
}

.hupu-font-dangerous-footnote,.hupu-font-dangerous-footnote2 {
    -webkit-transform: scale(.5);
    -ms-transform: scale(.5);
    transform: scale(.5)
}

.hupu-font-dangerous-footnote2 {
    font-size: 4.8vw;
    line-height: 5.33333vw
}

.ellipsis-oneLine {
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap
}

.va-banner {
    padding: 0 4.26667vw
}

.va-banner-item {
    margin-top: 2.66667vw
}
